Fabricjs loadSVGFromURL Problem

Question

Ich versuche, Svg von URL zu laden, die ich jedes Element von den Svg-Objekten steuern kann. Unten ist mein Code, und ich habe Schwierigkeiten, damit umzugehen.

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

});

Wie Element von jedem Objekt hinzugefügt werden Rückgabe von dem Objekt-Callback und einzeln auf dem Zeichenbereich wiedergegeben werden. Jede Hilfe wird sehr geschätzt.

Answer 1

Versuchen Sie einfach folgenden Code, ich hoffe, es wird Ihr Problem beheben.

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