javascript - スケールを設定した後に「ズーム」イベントをディスパッチするにはどうすればよいですか (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 オブジェクトにアタッチする必要があります。同様に、zoom オブジェクトで zoom 関数を呼び出すこともできます。

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);