fabricjs中的多个背景图像答案

【问题标题】：Multiple background images in fabricjsfabricjs中的多个背景图像
【发布时间】：2018-02-27 13:59:26
【问题描述】：

我正在使用fabricjs 构建一个新应用程序，在这个我需要

用户控制多个背景图像，其中的行为类似于普通图像，用户可以旋转，拖动调整大小，它为多个 BG 做了一些类似的事情，

// 1st img
var img = new Image();
img.onload = function(){
 canvas.setBackgroundImage(img.src, canvas.renderAll.bind(canvas), {
        originX: 'left',
        originY: 'top',
        left: 100,
        top: 100
    });
};
img.src = "site_image/temp/zig3.jpg";

// 2nd img
var img1 = new Image();
img1.onload = function(){
 canvas.setBackgroundImage(img1.src, canvas.renderAll.bind(canvas), {
        originX: 'left',
        originY: 'top',
        left: 300,
        top: 300
    });
};
img1.src = "site_image/temp/zig1.jpg";

但是第一个BG被第二个替换了，用户控制的多个背景是否可行？

我遇到的另一个问题，我有fabricjs的JSON，其中包括一个图像（普通图像不是背景），当我将它展示给用户时，我希望这张图片将成为画布的背景，

【问题讨论】：

标签： javascript fabricjs

【解决方案1】：

只需在该 JSON 文件中使用绝对路径并使用 AJAX 更改背景图像。此外，您可以按照此 [链接][1] 获取 JSFiddle 示例。

[1]: https://jsfiddle 。净/manish1706/qxnh4j53/

【讨论】：