css - 通过 css 影响 KineticJs.Image

Question

你好，我正在做一个需要 Canvas 操作的元素。我需要绘制图像并且必须在 Canvas 内移动它。这并不难完成。但是我需要将鼠标悬停在图像上时将光标更改为“移动”，如

img{
    cursor:move;
}

我找不到任何方法来做到这一点。有什么建议吗？？提前致谢..

Answer 1

当你拖动一个 Kinetic.Image 时，你会得到 dragstart 和 dragend 事件。

您可以在这些事件处理程序中更改光标类型:

// starting to drag -- display the move cursor

image1.on('dragstart', function () {
    document.body.style.cursor = 'move';
});

// done dragging -- display the regular cursor

image1.on('dragend', function () {
    document.body.style.cursor = 'default';
});