如何線上編輯 SVG 文字

更新於

要編輯 SVG 中的文字,請在 EditItAll 向量編輯器中開啟檔案,雙擊要修改的文字。重新輸入內容後,再調整字型、大小、粗細、對齊方式和顏色。完成後匯出乾淨的 SVG,整個編輯過程都在你的瀏覽器中完成。

現在就做——免費,在瀏覽器裡

Open the vector editor

SVG 文字何時可編輯,何時不可編輯

SVG 檔案儲存文字的方式有兩種。如果檔案使用真正的 <text> 元素,文字就以實際文字形式儲存,你可以選取、重新輸入並重新設定樣式。如果設計者在儲存前將文字「轉換為輪廓」,每個字母就變成了向量形狀,外觀雖然相同,但已不再是文字,只能調整錨點形狀,無法重寫文字內容。

大多數為網頁匯出的標誌和圖示都保留真實文字,這正是你需要的情況。如果檔案已被轉換為輪廓,你仍可微調並重新上色這些形狀,只是無法更改文字內容。

在 SVG 中編輯文字

EditItAll 向量編輯器中開啟檔案,文字會作為可編輯物件載入。修改方法:

  • 用選取工具雙擊文字,會出現游標,你可以直接輸入新內容覆蓋原文字。
  • 按 Escape 鍵或點擊其他位置確認修改。
  • 多行文字會保留原有換行,你可以分別編輯標題和副標題。

由於編輯器完全在你的裝置上運作,SVG 檔案永遠不會傳送到伺服器,頁面載入完成後,你甚至可以離線繼續編輯。

重新設定文字樣式

文字內容確認無誤後,就可以調整外觀了。你可以設定字型大小粗細,更改對齊方式(靠左、置中或靠右),並選擇新的填色。你可以拖曳文字來重新定位,或在圖層之間移動它,與作品的其他部分放在一起。如果還需要調整文字周圍路徑的形狀,同一份文件中就有鋼筆工具布林運算可用。

匯出乾淨的 SVG

完成編輯後匯出,你會得到一個標準 SVG 檔案,修改後的文字依然以真正的 <text> 形式儲存,下次開啟時仍可編輯。需要用於投影片或社群貼文的點陣圖版本?你也可以按所選尺寸匯出為 PNG。從開啟檔案到最終匯出,整個過程都在你的裝置上完成,設計內容不會離開裝置。

現在就試試?

免費、無需註冊,你開啟的檔案絕不會離開你的裝置。

常見問題

編輯文字時,我的 SVG 檔案會被上傳嗎?+

不會。向量編輯器完全在你的瀏覽器中開啟和編輯 SVG 檔案,檔案不會離開你的裝置。頁面載入完成後即使離線也能繼續使用,這是確認沒有資料被傳輸的簡單方法。

我的 SVG 中的文字無法選取,這是為什麼?+

這幾乎可以肯定是因為檔案儲存前文字已被轉換為輪廓,每個字母現在都是向量形狀而非可編輯文字。你可以用鋼筆工具調整這些形狀,但如果不重新建立,就無法重寫文字內容。

我可以更改文字的字型、大小和顏色嗎?+

可以。你可以設定字型、大小、粗細和對齊方式,並選擇新的填色。你還可以移動文字,將其放到與作品其他部分不同的圖層中。

匯出的檔案會保留文字的可編輯性嗎?+

會。編輯器會將文字重新寫回為真正的 SVG 文字元素,因此匯出的檔案仍可編輯,你或其他任何人之後都可以重新開啟並再次修改文字內容。

它能開啟 Illustrator 的 .ai 檔案來編輯文字嗎?+

不能。向量編輯器只能開啟 SVG,不支援 Adobe 的 .ai 或 .eps 格式。如果你的文字儲存在 .ai 檔案中,請先在 Illustrator 中將其另存為或匯出為 SVG,然後再在這裡開啟該 SVG 編輯文字。

相關指南

更多「向量圖與 SVG」指南 →