Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fabric.js+;谷歌字体_Javascript_Html_Canvas_Fonts_Fabricjs - Fatal编程技术网

Javascript Fabric.js+;谷歌字体

Javascript Fabric.js+;谷歌字体,javascript,html,canvas,fonts,fabricjs,Javascript,Html,Canvas,Fonts,Fabricjs,这是否可以与web字体一起使用,而不附加Cufon库及其字体?我可以用标准的画布功能轻松地完成这项工作,所以我想知道在Fabric中是否可能实现这一点。我们很快就会支持原生文本方法。我们在2年前合并了Cufon,当时本地文本方法在跨浏览器中不太可用(请参见《往昔》)。一旦我们删除它,它可能会成为一个可选模块,在旧客户端的兼容性很重要的情况下。首先在 我这次遇到了问题 您必须在dom中加载字体,然后才能在画布和织物中使用它 因此,您可以创建一个元素,该元素具有所需字体的style属性 对一些人来说

这是否可以与web字体一起使用,而不附加Cufon库及其字体?我可以用标准的画布功能轻松地完成这项工作,所以我想知道在Fabric中是否可能实现这一点。

我们很快就会支持原生文本方法。我们在2年前合并了Cufon,当时本地文本方法在跨浏览器中不太可用(请参见《往昔》)。一旦我们删除它,它可能会成为一个可选模块,在旧客户端的兼容性很重要的情况下。

首先在


我这次遇到了问题

您必须在dom中加载字体,然后才能在画布和织物中使用它

因此,您可以创建一个元素,该元素具有所需字体的style属性

对一些人来说,我的独奏可能很有趣。我创建了一个select,用户可以在其中选择字体。在该对话框中,选择每个获取属性字体族

看看这个:


为什么会有新的答案?因为存储中的关键是字体,没有直接提到。

本机文本呈现现在已经实现,顺便说一句。它可以在表单上工作,但当我们导出canvas.toSVG()时,字体不会加载到svg中。有什么帮助吗?这是可行的,但是你能告诉我如何加载字体的斜体并将其作为well@AamirNakhwa是的,您可以通过将您使用过的字体添加到svg文件
@import url('https://fonts.googleapis.com/css?family=Charmonman&display=swap');  当我必须将svg打开到illustrator时,感谢您的回复,外部链接无法使用它…当我们通过canvas.toSVG()将画布导出到svg时,这些字体不起作用。有什么帮助吗?
<link href='http://fonts.googleapis.com/css?family=Oswald|Lobster|Fontdiner+Swanky|Crafty+Girls|Pacifico|Satisfy|Gloria+Hallelujah|Bangers|Audiowide|Sacramento' rel='stylesheet' type='text/css'>
<span class="txtFont" style="font-family:Oswald" onclick="change_font_family('Oswald')">Oswald</span>
function change_font_family(font_family)
{
   canvas.getActiveObject().set("fontFamily", font_family);
   canvas.renderAll();
}