Question

假设我有一个大小为10的圆形实心画笔，我该如何更改光标以向用户表明将在画布上绘制什么？

我看到这些是freeDrawingCursor的选项，但对于常规游标，例如十字线或指针。

有什么想法吗？

Answer 1

检查：

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

看起来您可以使用png文件定义游标。

您可以创建一个光标尺寸的小临时画布，用画笔在其上绘画，导出为png dataurl并用作光标。

当您的网络应用上的用户选择光标宽度时： - 创建宽度和高度为画笔大小的屏幕外画布 - 绘制一个选定宽度和颜色的圆圈 - 将画布导出到dataurl - 创建画笔大小的宽度和高度的图像，使用dataurl作为图像源 - 在图像加载设置为鼠标光标。