Fabric.js - 将光标设置为自由画笔大小和颜色

Question

假设我有一个大小为 10 的圆形实心画笔，如何更改光标以向用户指示将在画布上绘制的内容？

我看到这些是 a 的一个选项freeDrawingCursor，但那是针对常规光标的，例如十字准线或指针。

有任何想法吗？

Answer 1

检查这个：

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

看起来你可以用 png 文件定义光标。

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

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