javascript - kineticjs 将组附加到鼠标

Question

在 kineticJs 中，在将组添加到图层后，是否可以将组绑定(bind)到用户的鼠标指针，以便用户可以将组移动到他们想要放置的位置？然后他们会点击将其放在该位置。

Answer 1

这就是您可以做到的。当用户想要将组添加到图层时，将执行以下代码:

layer.add(group);
layer.draw();
console.log(stage.getMousePosition());
stage.on('mousemove',
    function (){
        var mouse = stage.getMousePosition();
        group.setX(mouse.x);
        group.setY(mouse.y);
        layer.draw();
    });
stage.on('click',
    function(){
        stage.off('mousemove');
    });

忘了说了。对于连续获取 mousemove 事件的舞台，在某个图层上绘制一个矩形并将其添加到舞台，即使不透明度为 0，因为它不会在空白区域上工作。