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(); 
});