KeneticJS HTML5 Canvas可拖动和舞台上的元素

时间:2012-09-06 04:04:29

标签: html5-canvas draggable kineticjs

所以我想创建一个舞台,我可以在其上放置多个可拖动的项目..但是当点击并拖动舞台时,所有元素都随之移动。

到目前为止,我只能通过将'draggable'属性添加到其中来获得其中一个。

有没有人能找到解决方案来解决这个问题?

这是JSfiddle http://jsfiddle.net/KHVhU/

我已经考虑过可能需要使用jquery-ui使包含div可拖动而不是尝试在画布内完成整个事情,但理想情况下不想采用这种方式

2 个答案:

答案 0 :(得分:3)

没有包含正确的kineticJs库。使用下面正确的KineticJs。 http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.4.1.min.js

现在,即使有舞台,每个单独的项目也可以拖动。

答案 1 :(得分:1)

setDraggable()函数

的帮助下找到了解决方案

在这里更新了JSFiddle:http://jsfiddle.net/KHVhU/1/:)