在KineticJS中放大鼠标位置

Question

题：

如何放大鼠标滚轮上的鼠标位置？

细节：

我正在尝试将这个完整的解决方案合并到Stack Overflow上，该方案可以放大舞台，而这个不完整的解决方案可以在单击时围绕鼠标放大。 我在这里分叉了jsfiddle代码。 一旦将其放大，代码就可以正常工作，但是在第一次滚动时，舞台跳到了另一个位置，我不知道为什么。 谁能告诉我为什么会这样，以及如何解决。 谢谢。

Answer 1

只是一个猜测，但是您使用的是相对于页面而不是画布的鼠标位置

Answer 2

缩放时，鼠标位置下的位置会发生变化（跳跃的原因）。 要将位置移回原始位置，需要平移偏移量（前一个位置和新位置之间的差（缩放后））。 为了避免舞台跳到另一个位置，可以使用stage.setOffset函数。

JSFiddle： http : //jsfiddle.net/rpaul/ckwu7u86/3/