自定义鼠标光标Javascript绘制应用程序

我正在开发一个允许用户在画布元素上绘制的web应用程序。我正在使用HTML5和javascript

我想知道，当用户选择绘画时，鼠标是否可能变为画笔图标，当用户选择擦除时，鼠标是否可能变为橡皮擦图标等等

---

有什么办法可以做到这一点吗？谢谢

假设唯一的方法是使用css cursor属性，并将url设置为您的图像：

body {
   cursor:url('/url/to/required/image.jpg');
}

有关更多详细信息，请参阅：

或者用JS设置：

document.body.style.cursor = "url('/url/to/required/image.jpg')";

---

假设唯一的方法是使用css cursor属性并将url设置为图像：

body {
   cursor:url('/url/to/required/image.jpg');
}

有关更多详细信息，请参阅：

或者用JS设置：

document.body.style.cursor = "url('/url/to/required/image.jpg')";

---

但这是动态的吗？由于光标取决于用户默认使用的工具，因此它不是动态的。但您可以使用JS更改样式。看看我更新的答案。但这是动态的吗？由于光标取决于用户默认使用的工具，因此它不是动态的。但您可以使用JS更改样式。查看我更新的aswer。请参阅此处：请参阅此处：