javascript - 自定义鼠标光标 Javascript 绘画应用程序

Question

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

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

任何想法我可以如何实现这一目标？谢谢

Answer 1

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

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

有关更多详细信息，请参阅：https ://developer.mozilla.org/en-US/docs/CSS/cursor

或者用 JS 设置：

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