Fabricjs loadSVGFromURL 问题答案

【问题标题】：Fabricjs loadSVGFromURL issueFabricjs loadSVGFromURL 问题
【发布时间】：2017-04-15 20:20:41
【问题描述】：

我正在尝试从 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();
  }

});

如何通过从对象回调返回的每个对象添加元素并单独渲染到画布。非常感谢任何帮助。

【问题讨论】：

以上帖子更新完毕。
我刚刚意识到上面的代码运行正确，但是有一些定位问题，我没有注意到它的元素的控件太小了，我认为它无法控制。

标签： javascript svg fabricjs

【解决方案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();
});

【讨论】：