Fabric.js - 将光标设置为自由绘图笔刷的大小和颜色

Question

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

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

任何想法？

Answer 1

选中此：

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

看起来你可以定义一个png文件的光标。

您可以创建一个光标大小的小型临时画布，使用画笔绘制它，将其导出为png数据管理并用作光标。

当在网络应用程序的用户选择一个光标宽度： - 创建宽度和刷大小 的高度的屏幕外帆布 - 绘制选定宽度和颜色 的圆 - 出口画布dataurl - 创建图像宽度和高度的刷子大小，使用dataurl作为图像源 - 在图像加载设置为您的鼠标光标。