css – 拖动鼠标时,在HTML5画布上更改光标

前端之家收集整理的这篇文章主要介绍了css – 拖动鼠标时,在HTML5画布上更改光标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Canvas标签制作了一个油漆刷类型的应用程序。我想要当鼠标在画布上时,光标变化,
<canvas id="draw" style="cursor: url(image/pencil.cur)">

我已经完成了这一点,但是我无法弄明白,当我拖动鼠标绘制图像时,如何更改光标

解决方法

使用:主动CSS伪类在鼠标按钮在元素上方时更改光标:
#draw:active { 
    cursor: url(image/pencil.cur);
}

工作实例:http://jsfiddle.net/nXv63/

原文链接:https://www.f2er.com/css/218689.html

猜你在找的CSS相关文章