将光标更改为圆圈？

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应该修复它