fabricjs를 사용하여 가져온 svg의 텍스트

Question

동일한 이미지에서 모두 만들어지고 서로 위에 쌓인 여러 svg를 가져 오려고합니다. 특정 svg/textarea 경로를 중심으로 텍스트를 추가하고 싶습니다. 그런 다음 최소 크기로 제공된 텍스트에 맞게 텍스트 영역을 확장합니다. 그리고 ive는 나 자신을 혼란스럽게 만들었다. 나는 더 이상 모른다? 나는 모든 것을 지우고 지시를 받으면 매우 도움이 될 것입니다. 내가 가진 것.

var canvas = new fabric.Canvas('canvas'); 

fabric.loadSVGFromURL('/1-man.svg', function(objects, options) { 
var obj = fabric.util.groupSVGElements(objects, options); 
canvas.add(obj).renderAll(); 
}); 

fabric.loadSVGFromURL('/1-man-cutout.svg', function(objects, options) 
{ 
var obj = fabric.util.groupSVGElements(objects, options); 
canvas.add(obj).renderAll(); 
}); 

fabric.loadSVGFromURL('/textarea.svg', function(objects, options) { 
var obj2 = fabric.util.groupSVGElements(objects, options); 
canvas.add(obj2).renderAll(); 
}); 

var text = new fabric.Text("Hello", { 
fontFamily: 'ubuntu', 
fontSize: 300, 
textAlign: "center", 
}); 

canvas.add(text); 

Answer 1

뇌는 .... 내가 생각 죽은 오늘 아침에 대한 분을했다 .. 아픈 그것에서 자에 레슨을 유지.

text.set('left', (objects[0].width - text.width)/2); 
text.set('top', objects[0].top + 5); 
canvas.add(obj2, text).renderAll();