Javascript fabricjs中的多个背景图像

我正在用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被第二个BG取代， 用户控制的多个背景是否可能

我又面临一个问题， 我有fabricjs的JSON，包括一个图像（普通图像而不是背景）， 当我将它显示给用户时，我希望该图像将成为画布的背景

---

只需在JSON文件中使用绝对路径，并使用AJAX更改背景图像。此外，您还可以按照[link][1]查看JSFIDLE示例

[1] ：。net/manish1706/qxnh4j53/