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

Question

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

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

但是当我

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

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

Answer 1

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

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

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

(This demo) 有一些类似的变化。

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