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 开发人员）在此处缩放到 KineticJS 中的固定点的答案。