javascript - Kinect 中的多个可拖动图像事件

Question

我正在创建一个带有可拖动图像的脚本，当双击时更改 src 为：Kinect 中的可拖动图像事件

前面的问题得到了回答并且效果很好，但如果我添加另一个对象，双击时也会更改 src，那么什么都不起作用。

可能是什么问题呢？

Answer 1

你必须有一组不同的图像和点击事件。jsfiddle：http: //jsfiddle.net/bighostkim/8BcXk/

    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();
    })