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

How to set a background image for a FabricJS object

本文关键字:对象 FabricJS 设置 背景 图像 一个      更新时间:2023-09-26

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

我已经尝试了一个模式,但是当我将repeat设置为no-repeat时,模式在中间偏移,而不是左上角。(这将允许您看到整个图像。)

  1. 是否有办法将整个图像设置为对象的背景?
  2. 如果没有,是否有一种方法来抵消非重复的背景?

您可以通过剪切带有圆圈的图像来实现这一点。看一下这个演示。

模式偏移是已经在路线图上的东西。我只是继续执行它们。

看一下这个演示。简单地调整一个模式的offsetX/offsetY属性到任何你需要的,或者把它们留在0/0,这将是一个对象的左/上角。