如何为 FabricJS 对象设置背景图像

Question

我想创建一个圆形对象并将填充设置为非重复图像。

我已经尝试过使用模式，但是当我将repeat 设置为no-repeat 时，模式会在中间偏移，而不是在左上角。 （这样您就可以看到整个图像。）

1. 有没有办法将整个图像设置为对象的背景？
2. 如果没有，有没有办法抵消不重复的背景？

Answer 1

您可以通过用圆圈剪裁图像来做到这一点。看看this demo。

模式偏移是路线图上的内容。我只是继续implemented them。

看看this demo。只需将模式的 offsetX/offsetY 属性调整为您需要的任何属性，或者将它们保留在 0/0 处，即对象的左/上角。