獲取字體向量

Question

我試圖在Javascript中使用字體輪廓，但是我無法從字符中獲取矢量，因此無法前進。有沒有辦法檢索這些信息並使用它？這樣做的任何例子？

Paper.JS看起來像它可以很方便，但我還沒有找到任何字體的例子。

Answer 1

沒有直接的方法從JavaScript中的角色檢索形狀。我懷疑這是因爲字體渲染不是由瀏覽器直接完成的。這項任務通常委託給像cario這樣的第三方庫。

您可以在SVG編輯器（如Inkscape）中創建文本，將文本轉換爲路徑（Path→Object to Path）並通過JavaScript處理它們。

使用SVG Fonts也似乎是一種方式。這基本上是一個保存所有字符形狀的SVG文件。您可以將其作爲XML加載到HTML/JavaScript設置中，並從那裏處理字符形狀。 Font Squirrel有一個用於製作@ font-face套件的生成器。它還包含檔案中字體的SVG版本。