Fabricjs loadSVGFromURL問題

Question

私はsvgオブジェクトから各要素を制御できるurlから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(); 
});