fabricjsでインポートされたsvgのテキスト

Question

すべて同じイメージから作成され、相互に重ね合わされた複数のsvgをインポートしています。私はテキストを特定のsvg/textareaパスの中央に追加したいと思います。次に、最小サイズで提供されたテキストに合わせてテキストエリアを拡大/縮小します。 iveは自分自身を混乱させる。私はもう考えていない？私はすべてを削除し、方向を開始することは非常に役立つだろう。私は何を得たのHeres。

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

脳は死んでいたと思います。私は今朝約1分かかりました。睡眠中の授業を続けています。

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