javascript - 使用jQuery在画布上绘制时更改光标？

Question

我已经为自己修复了一个canvas可以在单击鼠标时绘制 +禁用选择+检测跨浏览器。

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

但是如何在我按下鼠标左键时更改光标（没关系）（这意味着 -在绘画时）

（我使用 chrome 27）

Answer 1

将此添加到您的 CSS...

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

Answer 2

添加

   $('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();
    }