如何为HTML5画布绘制可缩放的自定义光标

Question

我有一个类似于此http://jsfiddle.net/rnNFB/1/的html5画布绘制应用程序，但使用默认光标，用户无法分辨画笔大小（lineWidth设置）有多大。在默认光标中，具有圆的十字光标几乎是完美的，我只需要能够根据用户的笔刷大小设置缩放图形或圆形部分以反映下一个画笔笔划的大小是。

谢谢。

Answer 1

#myCanvas { cursor:none; } 

然后画你喜欢的光标画布里面:)

或者，你可以创建.ico/.cur文件，并在CSS中使用它们，然后切换类：

#myCanvas.lineMode { cursor: url(../images/line.ico); } 

Answer 2

我不认为任何浏览器都提供了一个API来改变光标的外观 - 现在还没有。

您可以尝试在画布上绘制自定义光标，也许可以使用十字光标CSS光标值，它可能看起来没问题。

有一个选项可以指定一个URL作为CSS中的光标，如果您在生成的图像中使用数据URI，但该支持似乎还不是很好（请参阅QuirksMode）