用画布拖动和缩放kineticjs

Question

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

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

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

任何人都可以请解释如何处理这个？

在此先感谢！

Answer 1

您需要将偏移量设置为固定点（屏幕中心），以便画布知道放大的位置。否则，它将始终朝着原始点放大。

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

而且，在这里看到Scaling to a fixed point in KineticJS答案由juan.facorro和埃里克·罗威尔（KineticJS开发人员）了解更多信息。