Fabricjs loadSVGFromURL問題

Question

我想從url加載svg，我可以控制svg對象中的每個元素。下面是我的代碼，並且Im在如何處理它方面有困難。

var image = new fabric.loadSVGFromURL(url, function(objects,options) { 
    for (var i = 0; i < objects.length ; i++){   
    var obj = objects[i]; 
    obj.setCoords(); 
    canvas.centerObject(obj); 
    canvas.add(obj); 
    canvas.item(i).hasControls = true; 
    canvas.renderAll(); 
    } 

}）;

如何通過每個對象添加元素從對象回調中返回並單獨呈現到畫布。任何幫助深表感謝。

Answer 1

只要嘗試下面的代碼，我希望它能解決您的問題。

fabric.Image.fromURL(url, function(img){ 
    var img1 = img; 
     img1.set({ 
     top : 0, 
     left : 0, 
     width : 100, 
     height : 100 
    }); 
    canvas.add(img1).setActiveObject(img1); 
    canvas.centerObject(img1); 
    obj.setCoords(); 
    canvas.item(i).hasControls = true; 
    canvas.renderAll(); 
});