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