![在 JavaScript 中將 TTF 轉換為 SVG](images/convert-ttf-to-svg-in-javascript.jpg#center)
在 JavaScript 中將 TTF (TrueType 字體) 文件轉換為 SVG (可縮放矢量圖形) 使開發者能夠以可縮放的矢量格式使用自訂字體,這種格式適合用於網頁專案。該過程包括讀取 TTF 文件、提取字體字形,並將其轉換為 SVG 路徑數據。在這篇文章中,我們將學習如何在 JavaScript 中將 TTF 轉換為 SVG。
本文涵蓋以下主題:
JavaScript 庫以轉換 TTF 為 SVG
我們將使用 Aspose.Font for JavaScript 庫來進行 TTF 到 SVG 的轉換。它使開發者能夠以多種格式處理、提取和管理字體數據,包括 TrueType (.ttf)、OpenType (.otf) 和其他格式。
請 下載庫 並按照 安裝 Aspose.Font for JavaScript 的說明進行操作。
使用 JavaScript 轉換 TTF 為 SVG
我們可以在 JavaScript 的 Web 應用程序中輕鬆地將 TrueType 字體轉換為 SVG 格式。我們將加載 TTF 文件,然後將其轉換為 SVG 格式。一個 Web 工作執行緒將處理資源密集型任務,以避免阻塞主 UI 執行緒。這使得我們的轉換應用程序更加友好,簡化了轉換過程,並允許高效的文件下載。
請按照以下步驟使用 JavaScript 將 TrueType 字體轉換為 SVG:
- 使用以下代碼片段創建一個 Web 工作執行緒:
- 按照以下步驟轉換 TTF 為 SVG:
- 選擇輸入的 TTF 文件。
- 創建一個
FileReader
。 - 調用
AsposeFontConvertToSVG
函數。 - 在
json.fileNameResult
中設置結果文件名。 - 之後,檢查
json.errorCode
是否為 0,並檢索結果文件的鏈接。如果json.errorCode
不為 0,則錯誤詳情將在json.errorText
中提供。 - 最後,
DownloadFile
函數會生成一個鏈接,允許用戶將結果文件下載到操作系統中。
以下代碼示例顯示了 如何使用 JavaScript 將 TrueType 字體文件轉換為 SVG 格式。
![在 JavaScript 中將 TTF 轉換為 SVG](images/convert-ttf-to-svg-in-javascript-demo.gif#center)
嘗試免費的 TTF 到 SVG 在線轉換器
您也可以使用這個免費的在線 TTF 到 SVG 轉換器 工具來轉換您的 TTF 文件。您可以通過任何平台上的 Web 瀏覽器訪問它。
![](images/ttf-to-svg-free-online-converter.jpg)
獲取 JavaScript 字體庫
您可以 獲取免費的臨時許可證 以嘗試 JavaScript 字體庫,而不受評估限制。
TrueType 字體到 SVG - 免費資源
除了將 TrueType 字體轉換為 SVG 格式,還可以使用以下資源探索庫的其他功能:
結論
總結來說,使用 JavaScript 將 TTF 轉換為 SVG 是將自訂字體引入您的網頁專案的一種強大方式,我們探索了如何讀取 TTF 文件、提取字體字形並使用 JavaScript 字體庫將其轉換為 SVG 路徑。如果您有任何問題,請隨時在我們的 免費支持論壇 聯繫我們。