如何在設置比例后調度“縮放”事件（d3，zoom.behavior）

Question

一旦我在縮放行為上手動設置了比例，我該如何觸發縮放事件？

var zoom = d3.behavior.zoom()
    .scaleExtent([0.5, 4])
    .on('zoom', onzoom);

// later on
zoom.scale(2);

https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-scale

Answer 1

首先，您需要將縮放行為附加到SVG對象。 同樣，您可以在縮放對象上調用縮放功能。

var zoom = d3.behavior.zoom()
    .scaleExtent([0.5, 4])
    .on('zoom', onzoom);

//svgElement is an actual element such as a rect or text or group
svgElement.call(zoom);

// later on
zoom.scale(2);
zoom.event(svgElement);