jquery - 将光标更改为圆形?

标签 jquery css canvas cursor

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

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

但是这不起作用有两个原因:

  1. 虽然光标的图像是一个圆圈,但它并不以光标为中心,因此看起来用户正在删除其他内容。

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

有什么办法可以解决这个问题吗?

最佳答案

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

  2. 我认为 !important 应该修复它

关于jquery - 将光标更改为圆形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14865833/

相关文章:

html - iPhone 5 上的 Safari 不在网站上显示 slider

html - 带有中间垂直对齐图像和文本的可点击 div

c# - 在 WPF 中的行的开头和结尾放置一个形状

javascript - 播放器未出现在 Canvas 上(Javascript + html + css)

javascript - 在 Canvas 上绘制多个矩形框,不要重叠

javascript - 将 TD 值作为其文本

Jquery Cycle Fade 过渡在 IE 中不起作用

php - 使用javascript中的get将数据发送到iframe

html - 使整个html按钮可点击

jquery - 将鼠标悬停在父元素上会更改子元素