Html5 canvas 当SVG包含带有自定义字体的文本时,FabricJS无法正确呈现SVG?

Html5 canvas 当SVG包含带有自定义字体的文本时,FabricJS无法正确呈现SVG?,html5-canvas,fabricjs,fabricjs2,node-canvas,Html5 Canvas,Fabricjs,Fabricjs2,Node Canvas,当SVG包含带有自定义字体的文本时,我在fabricjs中呈现SVG时遇到问题。 如何使用自定义字体使Fabricjs中的SVG正确显示 这是我的密码: var canvasObject=document.getElementById(“editorCanvas”); //将画布设置为与div相等的大小 $(canvasObject).width($(“#canvasContainer”).width(); $(canvasObject).height($(“#canvasContainer

当SVG包含带有自定义字体的文本时,我在fabricjs中呈现SVG时遇到问题。

如何使用自定义字体使Fabricjs中的SVG正确显示

这是我的密码:

var canvasObject=document.getElementById(“editorCanvas”); //将画布设置为与div相等的大小 $(canvasObject).width($(“#canvasContainer”).width(); $(canvasObject).height($(“#canvasContainer”).height(); var canvas=new fabric.canvas('editorCanvas'{ 背景颜色:空, 选择线宽:2, 宽度:$(“#画布容器”).width(), 高度:$(“#画布容器”)。高度() }); var imageObj=newfabric.Image(); canvas.add(imageObj); imageObj.setSrc('https://futushigame.firebaseapp.com/group_test.svg,函数(imageObject){ set({top:0,left:0}); 设置('dirty',true); canvas.renderAll(); setObjectCoords(); }); 函数setObjectCoords(){ canvas.forEachObject(函数(对象){ setCoords(); }); }
#画布容器{
宽度:100%;
高度:100vh;
}

@字体{
字体系列:“CurlzMT”;
src:url(“https://futushigame.firebaseapp.com/CurlzMT.ttf)格式(“ttf”);
字体大小:“正常”;
字体样式:“正常”;
}

您需要在svg文件中嵌入字体。 svg的内容必须如下所示

您是如何在svg中嵌入字体的?我正在使用google字体,不知道如何将其嵌入fabricjs导出的svg中。你能帮我吗?检查:@MariusTurcu似乎文件链接断了。你能修复它并更新答案吗。请阅读