несколько фоновых изображений в fabricjs

Question

Я строю новое приложение с fabricjs, в этом мне нужно

1. управляется пользователем несколько фоновых изображений, в которых ведут себя как обычные изображения, пользователь может вращать, перетаскивать изменить его размер, он сделал некоторые вещи, как это для нескольких 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 заменяется вторым, несколько фонов, контролируемых пользователем, возможно или нет?

2. Еще один вопрос, который я столкнулся, У меня есть JSON из fabricjs, которые включают в себя изображение (нормальное изображение не фон), , когда я буду показывать пользователь, я хочу, чтобы этот образ станет фоном холста,

Answer 1

Просто используйте абсолютный путь в этом файле JSON и используйте AJAX для изменения фонового изображения. Кроме того, вы можете следовать этому [link] [1] для примера JSFiddle.

[1]: https://jsfiddle. net/manish1706/qxnh4j53/