缩小后svg-pan-zoom错误的平移

Question

这是一个很棒的图书馆。它运作良好。谢谢Bumbu Alex和Anders Riutta，以及所有贡献者。好吧，我被卡住了。我已经尝试了很多。我猜答案就在附近。

当我通过轮或捏（无论如何）放大时，它可以放大和缩小。当我放大1倍时，它保持原位。

但是当我

1. 放大2倍（例如）
2. 将鼠标光标移开（1英寸 例子）
3. 一直以来，我的元素都被关闭了。所以什么都没有 居中了。它应用了平底锅。一半元素被截断 视口。

所以这还不错。我想我用错了。我已经尝试了数千次来调整它的大小，但是对我没有任何帮助。感谢您的帮助。谢谢。

Answer 1

这是正常现象，因为使用鼠标进行缩放会根据当前鼠标位置进行缩放。缩小也一样。

如果要始终实现放大和缩小，则必须：

• 禁用默认鼠标操作
• 为鼠标滚动事件添加您自己的侦听器
• 触发鼠标滚动时-放大

（This demo）进行了一些类似的更改。

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