2014-04-01 114 views
0

我在我的网站中使用了fabric.js。假设如果我需要在画布上添加任何文字,我写的 - 喜欢 -如何在fabric.js中获取整个字体家族列表

var text1 = new fabric.Text('Fabric', { 
    left: 90, 
    top: 570, 
    angle: -5, 
    fontFamily: 'Helvetica', 
    fontSize: 20, 
    fill: 'red' 
}) 

,但我需要所有可用的字体 - 在列表(如宋体,黑体),这样我可以选择在运行的字体时间,我试图谷歌它,但我什么都没有。 我想知道是否有人帮助我。 提前致谢。

+0

这是相关的:http://stackoverflow.com/questions/3368837/list-every-font-a-users-browser-can-display。总之,你不能在纯JavaScript中做到这一点。这是一个Flash + JS解决方案:https://github.com/gabriel/font-detect-js。 –

+0

亲爱的,我不想检测任何字体,我需要fabric.js提供的字体列表。 – user3475571

+0

fabric.js它不是一个魔术棒,它不提供任何字体,它是一个简单的JS库来编辑HTML5画布元素。在画布上,您可以通过设置['font'](https://developer.mozilla.org/en-US/docs/Web/CSS/font)属性来更改字体:https://developer.mozilla.org/EN /文档/ Drawing_text_using_a_canvas –

回答

0

fabricjs doens't不会为您提供任何字体。相反,它使用html5画布,因此具有浏览器为您提供的字体。

如果您需要在运行时列出可用字体,则可以测试following

您可以使用font-face导入自己的产品。