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

Question

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

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

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

Answer 1

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

模式偏移是路线图上的内容。我只是继续执行它们。

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