jquery - 将光标更改为圆形？

Question

我正在建立一个网站，其中一部分我有一个白板功能（基本上是一个画布）。我正在尝试为白板实现橡皮擦功能，并且我希望光标在选择橡皮擦时改变形状，以便它与擦除发生的方式相匹配（此时我正在尝试擦除呈圆形）。到目前为止，我已经尝试过：

$('#canvasDiv').css('cursor','url(https://example.com/eraser_cursor.png)');

然而，这不起作用有两个原因：

1. 虽然光标的图像是一个圆圈，但它并没有以光标为中心，所以看起来用户正在擦除其他东西。

2. 一旦用户开始擦除并按住“单击”，光标就会变为不同的形状。

有没有办法解决？

Answer 1

1. 还有“x y”选项 - cursor: url() x y（据我所知仅适用于 FF/Chrome）

2. 我认为!important应该解决它