svg- pan -放大后放大错误的pan

Question

这是一个伟大的图书馆。效果很好。谢谢Bumbu，Alex，Anders和所有的投稿人。我被卡住了。我试过很多次了。我想答案就在附近。

当我通过轮或捏(无论) zoomIn时，它会很好地放大和输出。当我向后放大1的时候，它就会保持原状。

但当我

1. ZoomIn 2次(例如)
2. 将鼠标光标移开(例如1英寸)
3. ZoomOut一路走来，我的元素都没了。所以什么都没有了。这是一个平底锅。一半的元素被切断了视口。

所以这并不是个坏消息。我想我用错了。我千辛万苦地调整了它的尺寸，但是没有什么对我有用。我很感谢你的帮助。谢谢。

Answer 1

根据鼠标当前的位置，用鼠标缩放是正常的行为。同样的情况也是如此。

如果您想要实现始终相同的缩放，那么您必须：

• 禁用默认鼠标处理
• 为鼠标滚动事件添加自己的侦听器
• 当鼠标滚动被触发-放大我们的输出

(这个演示)也有类似的变化。

如果您只想集中内容，那么您可以使用.center()或.contain()方法(您可能还需要调用.fit())。