Fabric.js - 將光標設置為自由繪制畫筆大小和顏色

Question

假設我有一個大小為10的圓形實心畫筆，如何更改光標以指示用戶將在畫布上繪制的內容？

我看到這些是freeDrawingCursor的選項，但這適用於常規游標，例如十字准線或指針。

有任何想法嗎？

Answer 1

檢查這個：

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

看起來您可以使用png文件定義游標。

您可以創建一個光標大小的小臨時畫布，使用畫筆在其上繪畫，導出為png dataurl並用作光標。

當您的Web應用程序上的用戶選擇光標寬度時： - 創建寬度和高度為畫筆大小的屏幕外畫布 - 繪制選定寬度和顏色的圓圈 - 將畫布導出到dataurl - 創建畫筆大小的寬度和高度的圖像，使用dataurl作為圖像源 - 在圖像加載集上作為鼠標光標。