在kineticjs中使用id的鼠标事件

Question

我想使用image的图像将dragmove事件添加到特定图像。这不是担心。

        $("#image1").on('dragmove', function(evt) {
            var shape = evt.targetNode;
            alert('you clicked on \"' + shape.getPosition().x + '\"');
        });

Answer 1

看来你正在混合使用jQuery和KineticJS。 jQuery不知道舞台上的形状，这些是由KineticJS管理的。

尝试这样的事情：

var image = stage.get('#image1')[0];

image.on('dragstart', function() {
        alert('you clicked on \"' + image.position().x + '\"');
});

Answer 2

您可以使用find(id)或findOne(id)在舞台上获取图像实例。

stage.findOne('#image1').on('dragmove', function() {
    // here this refers to image instance
});