2014-04-01 40 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導入自己的產品。