使舞台可拖动,但保持特定形状始终处于相同的相对位置(KineticJS)

时间:2013-05-27 12:35:52

标签: html5 html5-canvas draggable kineticjs

有谁知道,如何将舞台“拖到”某个形状或形状组后面,所以形状不会被舞台上的所有其他项目拖拽,当然还有舞台本身?

在我的例子中,我有一个在<canvas>标签的可见部分之外有许多项目的舞台,只能通过将舞台向左/右拖动来到达,但其中一个形状应始终在(0, 0) - 元素的位置<canvas>上,并且在拖动舞台时不应更改其位置。

我还没有办法做到这一点,所以如果有人知道如何让这个工作,我会很高兴。

1 个答案:

答案 0 :(得分:1)

如果画布的(0,0)处的一个形状始终是相同的形状并且永远不会更改,则可以将所有其他元素添加到除了位于(0,0)的形状的组中并拖动小组而不是拖动舞台。

如果你必须拖动舞台,那么你必须计算鼠标在拖动时移动的x的距离,并将其应用于(0,0)处的形状位置。