问题:
如何放大鼠标滚轮滚动上的鼠标位置?
细节:
我正在尝试在 Stack Overflow 上合并这个完整的解决方案,它允许缩放舞台,这个不完整的解决方案允许在单击时围绕鼠标进行放大。我在这里分叉了 jsfiddle 代码。代码放大后就可以正常工作,但是在第一次滚动时,舞台会跳到不同的位置,我不知道为什么。谁能告诉我为什么会这样,以及如何解决它。谢谢。
只是一个猜测,但您使用的是相对于页面而不是画布的鼠标位置
缩放时,鼠标位置下的位置会发生变化(跳跃的原因)。要将位置移回其原始位置,您需要平移偏移量(先前位置与新位置之间的差异(缩放后))。为了避免舞台跳转到不同的位置,您可以使用stage.setOffset
KineticJS 的功能。
JSFiddle:http: //jsfiddle.net/rpaul/ckwu7u86/3/