使用jQuery在画布上绘制时更改光标?

时间:2013-06-12 09:30:51

标签: javascript jquery html5 css3 canvas

我已修复了canvas,可以在+ disable selection + detecting cross browser when the mouse is clicked上绘制。

这是:http://jsfiddle.net/EsYqm/52/

但是当我按下鼠标左键(这意味着 - 绘画时)我怎么能改变光标(永远不要去光标)

(即时使用铬27)

2 个答案:

答案 0 :(得分:1)

将此添加到您的CSS ...

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
canvas:active, canvas:focus { 
    cursor: crosshair; 
}

答案 1 :(得分:0)

添加

   $('canvas').css( 'cursor', 'text' );
if (letsdraw === true)

之后

所以你的病情会是

   if (letsdraw === true)
    {
        $('canvas').css( 'cursor', 'text' );
        ctx.lineTo(e.pageX - canvasOffset.left, e.pageY - canvasOffset.top);
        ctx.stroke();
    }