拖动鼠标时在HTML5画布上更改光标 [英] Change cursor over HTML5 Canvas when dragging the mouse

问题描述

我使用Canvas标签制作了一个油漆刷类型的应用程序。我想当鼠标在画布上的光标更改时，

I have made a paint brush type of application using the Canvas Tag . I wanted that when the mouse is on the canvas the Cursor Changes ,

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

我已经完成了这个，但我不能弄清楚如何我改变光标，绘制图像

I have accomplished this but i cant figure out how shall i change the cursor while I Drag the mouse for drawing the image

推荐答案

使用：active CSS伪类当鼠标按钮在元素下方时更改光标：

Use the :active CSS pseudo-class to change the cursor when the mouse button is down over the element:

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

工作范例： http://jsfiddle.net/nXv63/

这篇关于拖动鼠标时在HTML5画布上更改光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！