css - 拖动鼠标时在 HTML5 Canvas 上更改光标

Question

我使用 Canvas Tag 制作了一个画笔类型的应用程序。我希望当鼠标在 Canvas 上时 Cursor Changes ,

<canvas id="draw" style="cursor: url(image/pencil.cur)">

我已经完成了这个但是我不知道如何在拖动鼠标绘制图像时更改光标

Answer 1

使用 :active CSS 伪类在鼠标按钮在元素上按下时更改光标:

#draw:active { 
    cursor: url(image/pencil.cur);
}

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