使用canvas kineticjs拖动和缩放

Question

我用kineticjs制作了一个可拖动的舞台，并通过缩放画布来制作缩放功能。

使用缩放系数时，画布会缩放到屏幕中央。但是在拖动画布并使用缩放功能后，画布仍然会缩放到开头中心点，但现在被拖到一边。

我想要的是在拖动后缩放到屏幕中心的新点。

任何人都可以解释如何处理这个问题吗？

提前致谢！

Answer 1

您需要将偏移设置为固定点（屏幕中心），以便画布知道缩放的位置。如果没有，它将始终缩放到原始点。

var stage = new Kinetic.Stage({
  container: 'container',
  width: 400,
  height: 300,
  offset: [200, 150] //Zoom towards Point (200,150)
};

此外，请参阅juan.facorro和Eric Rowell（KineticJS Developer）的Scaling to a fixed point in KineticJS答案以获取更多信息。