我的d3放大和缩放有什么问题

Question

我在二分中集成了d3的放大和缩小功能。 当我放大（图形变大）并拖动时，它工作正常。 但是当我缩小（图形变小）并拖动时，图形会跳开，我不知道问题出在哪里，任何人都可以帮助我吗？感谢。

JSFIDDLE

 drawSvg.call(d3.behavior.zoom().on("zoom", zoom)).append('g');

 function zoom() {
            drawSvg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
        }

找到问题，我需要改为

 drawSvg.call(d3.behavior.zoom().scaleExtent([1, 3]).on("zoom", zoom));

限制scaleExtent（[1,3]）必须为1，如果为0.1，则视图较小，很难做到。