如何在FabricJS canvas中添加图像背景?

时间:2019-01-24 06:34:47

标签: javascript html fabricjs

我尝试使用FabricJS创建画布。我将以下代码用作源代码,但现在我希望我的画布区域具有背景图像。我怎么办?
我的源代码:

[源代码] enter code herehttp://jsfiddle.net/77vg88mc/34/

1 个答案:

答案 0 :(得分:1)

您只需添加以下代码即可将背景图片添加到画布中

canvas.setBackgroundImage('path/to/img', canvas.renderAll.bind(canvas), {
  // Needed to position backgroundImage at 0/0
  originX: 'left',
  originY: 'top'
});

还有更多参数可以更改位置,角度,不透明度等。请阅读文档以获取更多参数:FabricJSDocs