如何為FabricJS對象設置背景圖像

Question

我想創建一個圓形對象，並將填充集設置為非重復圖像。

我用模式嘗試了這個，但是當我將repeat設置為no-repeat ，模式在中間偏移，而不是左上角。 （這將允許您查看整個圖像。）

1. 有沒有辦法將整個圖像設置為對象的背景？
2. 如果沒有，有沒有辦法抵消非重復背景？

Answer 1

您可以通過使用圓圈剪切圖像來完成此操作。 看看這個演示 。

模式偏移是路線圖上的內容。 我只是繼續實施它們 。

看看這個演示 。 只需將模式的offsetX / offsetY屬性調整為您需要的任何屬性，或將它們保留在0/0，即對象的左/上角。