javascript - d3.js - 为什么在调用 transform 到 svg 本身时使用 d3.zoom() 拖动会导致抖动？

Question

我创建了两个分叉的 jsFiddle 示例。

https://jsfiddle.net/publicst/pfjg1025/1/

https://jsfiddle.net/publicst/pfjg1025/3/

唯一的区别是函数调用vscanvas的存在。zoomed()svg.attr("transform"canvas.attr("transform"

但是，当您拖动任何区域时，带有 svg.attr 的第二个示例会抖动很多。

为什么会这样？

标签： javascriptsvgd3.js