Fabric.js - 將光標設置爲自由繪圖筆刷的大小和顏色

Question

說我有一個大小爲10的圓形實心筆刷，如何更改光標以向用戶指示將在畫布上繪製的內容？

我看到這些是freeDrawingCursor的選項，但這是常規遊標的選項。十字線或指針。

任何想法？

Answer 1

選中此：

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

看起來你可以定義一個png文件的光標。

您可以創建一個光標大小的小型臨時畫布，使用畫筆繪製它，將其導出爲png數據管理並用作光標。

當在網絡應用程序的用戶選擇一個光標寬度： - 創建寬度和刷大小 的高度的屏幕外帆布 - 繪製選定寬度和顏色 的圓 - 出口畫布dataurl - 創建圖像寬度和高度的刷子大小，使用dataurl作爲圖像源 - 在圖像加載設置爲您的鼠標光標。