拖动鼠标时在HTML5画布上更改光标
拖动鼠标时在HTML5画布上更改光标
提问于 2011-02-09 22:03:30
我已经使用Canvas标签创建了一个画笔类型的应用程序。我希望当鼠标在画布上时，光标会发生变化，
<canvas id="draw" style="cursor: url(image/pencil.cur)">我已经做到了这一点，但我不知道当我拖动鼠标来绘制图像时，我应该如何改变光标
回答 3
Stack Overflow用户
发布于 2013-04-23 22:30:31
对于任何还在寻找webkit bug解决方案的人：https://bugs.webkit.org/show_bug.cgi?id=105355，这就是我所做的。
我将此属性添加到body元素中，以使页面中的所有文本都不可选，仅此而已。
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}问题是，如果你真的需要一个元素是可选择的，你将不得不改变它的CSS来使它成为可选择的。
Stack Overflow用户
发布于 2011-02-09 22:12:51
Stack Overflow用户
发布于 2011-02-09 22:17:35
在拖动操作处于打开状态时，向画布添加一个“拖动”类(并在mouseUp上删除它)
然后添加这个样式：
canvas {cursor: default;}
canvas.dragging {cursor: crosshair;}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4945874
复制相关文章
相似问题