使用fabricjs在导入的svg上输入文字答案

【问题标题】：text over imported svg with fabricjs使用fabricjs在导入的svg上输入文字
【发布时间】：2018-05-26 18:35:07
【问题描述】：

我正在导入几个 svg，这些 svg 都是从同一个图像创建的，并且相互叠加。我想添加以某个 svg/textarea 路径为中心的文本。然后缩放 textarea 以适应提供最小尺寸的文本。我把自己弄糊涂了。我已经不知道了？我删除了所有内容并重新开始指导将非常有帮助。这是我得到的。

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

【问题讨论】：

标签： svg fabricjs

【解决方案1】：

我想我的大脑已经死了....今天早上花了大约一分钟..我会留着它上一堂睡觉的课。

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

【讨论】：