使用画布 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 开发人员）在此处Scaling to a fixed point in KineticJS 的答案以了解更多信息。