如何線上編輯 SVG 文字
更新於
要編輯 SVG 中的文字,請在 EditItAll 向量編輯器中開啟檔案,雙擊要修改的文字。重新輸入內容後,再調整字型、大小、粗細、對齊方式和顏色。完成後匯出乾淨的 SVG,整個編輯過程都在你的瀏覽器中完成。
現在就做——免費,在瀏覽器裡
Open the vector editorSVG 文字何時可編輯,何時不可編輯
SVG 檔案儲存文字的方式有兩種。如果檔案使用真正的 <text> 元素,文字就以實際文字形式儲存,你可以選取、重新輸入並重新設定樣式。如果設計者在儲存前將文字「轉換為輪廓」,每個字母就變成了向量形狀,外觀雖然相同,但已不再是文字,只能調整錨點形狀,無法重寫文字內容。
大多數為網頁匯出的標誌和圖示都保留真實文字,這正是你需要的情況。如果檔案已被轉換為輪廓,你仍可微調並重新上色這些形狀,只是無法更改文字內容。
在 SVG 中編輯文字
在 EditItAll 向量編輯器中開啟檔案,文字會作為可編輯物件載入。修改方法:
- 用選取工具雙擊文字,會出現游標,你可以直接輸入新內容覆蓋原文字。
- 按 Escape 鍵或點擊其他位置確認修改。
- 多行文字會保留原有換行,你可以分別編輯標題和副標題。
由於編輯器完全在你的裝置上運作,SVG 檔案永遠不會傳送到伺服器,頁面載入完成後,你甚至可以離線繼續編輯。
重新設定文字樣式
匯出乾淨的 SVG
完成編輯後匯出,你會得到一個標準 SVG 檔案,修改後的文字依然以真正的 <text> 形式儲存,下次開啟時仍可編輯。需要用於投影片或社群貼文的點陣圖版本?你也可以按所選尺寸匯出為 PNG。從開啟檔案到最終匯出,整個過程都在你的裝置上完成,設計內容不會離開裝置。
常見問題
編輯文字時,我的 SVG 檔案會被上傳嗎?+
不會。向量編輯器完全在你的瀏覽器中開啟和編輯 SVG 檔案,檔案不會離開你的裝置。頁面載入完成後即使離線也能繼續使用,這是確認沒有資料被傳輸的簡單方法。
我的 SVG 中的文字無法選取,這是為什麼?+
這幾乎可以肯定是因為檔案儲存前文字已被轉換為輪廓,每個字母現在都是向量形狀而非可編輯文字。你可以用鋼筆工具調整這些形狀,但如果不重新建立,就無法重寫文字內容。
我可以更改文字的字型、大小和顏色嗎?+
可以。你可以設定字型、大小、粗細和對齊方式,並選擇新的填色。你還可以移動文字,將其放到與作品其他部分不同的圖層中。
匯出的檔案會保留文字的可編輯性嗎?+
會。編輯器會將文字重新寫回為真正的 SVG 文字元素,因此匯出的檔案仍可編輯,你或其他任何人之後都可以重新開啟並再次修改文字內容。
它能開啟 Illustrator 的 .ai 檔案來編輯文字嗎?+
不能。向量編輯器只能開啟 SVG,不支援 Adobe 的 .ai 或 .eps 格式。如果你的文字儲存在 .ai 檔案中,請先在 Illustrator 中將其另存為或匯出為 SVG,然後再在這裡開啟該 SVG 編輯文字。