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

Question

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

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

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

Answer 1

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

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

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