jquery - 将光标更改为圆形？

Question

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

$('#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 应该修复它