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

Question

我正在开发一个允许用户在canvas元素上绘图的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')";