【问题标题】:How to add image background in in FabricJS canvas?如何在 FabricJS 画布中添加图像背景?
【发布时间】:2019-01-24 16:38:38
【问题描述】:

我尝试用 FabricJS 创建一个画布。我使用下面的代码作为我的源代码,但现在我希望我的画布区域有一个背景图像。我是怎么做到的?
我的源代码:

[源码]enter code here(http://jsfiddle.net/77vg88mc/34/)

【问题讨论】:

标签: javascript html fabricjs


【解决方案1】:

您只需添加以下代码即可为您的画布添加背景图片

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

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

【讨论】:

    猜你喜欢
    • 2014-06-20
    • 2016-08-25
    • 2016-06-18
    • 1970-01-01
    • 2016-05-30
    • 2019-12-08
    • 2020-11-30
    • 1970-01-01
    • 2018-03-30
    相关资源
    最近更新 更多