關於這個 SVG 程式碼編輯器
在左側貼上 SVG 原始碼,編輯器以 DOMParser 按嚴格 XML 解析,語法錯誤會直接顯示錯誤訊息;右側即時算繪預覽,方便邊改邊看。解析出的寬高與原始碼位元組數(UTF-8)也會同步統計。
點擊「最佳化」可一鍵清理程式碼:移除註解、把屬性值裡的數字四捨五入保留 2 位小數、刪除純空白的文字節點,並顯示最佳化前後的體積對比。最佳化後的程式碼可一鍵複製。整個過程都在瀏覽器本機完成,SVG 內容不會上傳。
校驗、預覽並最佳化 SVG 原始碼,統計尺寸與體積
在左側貼上 SVG 原始碼,編輯器以 DOMParser 按嚴格 XML 解析,語法錯誤會直接顯示錯誤訊息;右側即時算繪預覽,方便邊改邊看。解析出的寬高與原始碼位元組數(UTF-8)也會同步統計。
點擊「最佳化」可一鍵清理程式碼:移除註解、把屬性值裡的數字四捨五入保留 2 位小數、刪除純空白的文字節點,並顯示最佳化前後的體積對比。最佳化後的程式碼可一鍵複製。整個過程都在瀏覽器本機完成,SVG 內容不會上傳。