Fabricjs loadSVGFromURL问题

Question

我正在尝试从url加载svg，我可以控制svg对象中的每个元素。下面是我的代码，我很难处理它。

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