Question

我正在导入几个svgs，它们都是从同一个图像创建的，并且彼此叠加。我想添加以某个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);

Answer 1

脑子已经死了我想......今天早上花了大约一分钟。我会把它留在上面睡觉。

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

使用fabricjs导入svg的文本

1 个答案: