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

Question

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

我试过这种模式，但是当我将repeat设置为no-repeat时，模式在中间偏移，而不是左上角。 （这将允许你看到整个图像。）

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

Answer 1

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

图案偏移是路线图上的东西。我只是继续和implemented them。

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