HTML5画布绘制自定义光标

Question

我有一个画布，你可以在那里画画，我希望用户看到他正在绘制的点的大小。所以我需要在画布上绘制一个10x10像素正方形的自定义光标。当然，我不想在用户移动鼠标的时候在图像上画。

我的想法是：

1. 我可以以某种方式备份原始图像，然后每次都将其涂满
2. 我可以用光标移动a。但如果光标离开画布，我需要转发每一次单击，并使其不可见。
3. 我可以创建一个分层的画布，在我的画布上再加上一个画布，只用于绘制光标。

这样做最好是什么？

更新

对不起，我没有很好地解释自己。光标将需要改变颜色和对齐到一个网格，所以我真的需要画它自己。我知道对我不起作用的csscursor:url(...)。

Answer 1

对PitaJ和David Starkey勾选mark+1--他们是正确的。

最简单/最有效的解决方案是修改游标本身。正如前面提到的，您甚至可以为光标做自定义图像以进行颜色更改。

但是如果您绝对需要对齐到网格，那么您就必须使用分层光标画布。没有办法强制用户的光标进入网格对齐。（想想这会带来的恶作剧吧！）

1号和3号都可以。我会自己跟3号一起去。然而，“最好”取决于你。