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

Question

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

我試過這種模式，但是當我將repeat設置爲no-repeat時，模式在中間偏移，而不是左上角。 （這將允許你看到整個圖像。）

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

Answer 1

您可以通過用圓剪輯圖像來做到這一點。看看this demo。

圖案偏移是路線圖上的東西。我只是繼續和implemented them。

看看this demo。只需將模式的offsetX/offsetY屬性調整爲任何您需要的值，或將它們保留在0/0位置，這將會留在對象的左上角。