Javascript Kinect中的多个可拖动图像事件
我正在创建一个带有可拖动图像的脚本,双击该脚本时会更改src,如下所示: 前面的问题得到了回答,效果很好,但若我添加了另一个对象,当双击该对象时,它也会改变src,那个么就什么都不起作用了Javascript Kinect中的多个可拖动图像事件,javascript,dom-events,kineticjs,Javascript,Dom Events,Kineticjs,我正在创建一个带有可拖动图像的脚本,双击该脚本时会更改src,如下所示: 前面的问题得到了回答,效果很好,但若我添加了另一个对象,当双击该对象时,它也会改变src,那个么就什么都不起作用了 可能是什么问题?您必须有一组不同的图像并单击事件。jsfiddle: 好的,我明白了。虽然如果我尝试使第二个对象也可拖动,它将无法工作。这里有限制吗? var imageObj2 = new Image(); imageObj2.src = 'http://www.html5canvastut
可能是什么问题?您必须有一组不同的图像并单击事件。jsfiddle:
好的,我明白了。虽然如果我尝试使第二个对象也可拖动,它将无法工作。这里有限制吗?
var imageObj2 = new Image();
imageObj2.src = 'http://www.html5canvastutorials.com/demos/assets/yoda.jpg';
var yoda2 = new Kinetic.Image({
x: 300,
y: stage.getHeight() / 2 - 59,
width: 106,
height: 118,
image: imageObj2,
draggable: true
});
layer.add(yoda2);
var imgIndex2 = 0;
yoda2.on('click',function() {
imageObj2.src = images[ imgIndex2++ % 3 ];
layer.draw();
})