SVG Viewer
在同一個頁面編輯 SVG 程式碼與查看預覽，確認顏色、尺寸與圖形位置後下載 SVG。
簡介
SVG Viewer 把 SVG 程式碼編輯區與圖形預覽放在同一個頁面。貼上自己的 SVG，修改屬性後，就能對照圖形的變化。
官方工具頁提供編輯區、預覽與「Download SVG」按鈕。本次在未登入的瀏覽器中完成基本編輯與下載，不把其他功能列為已實測項目。
為何收錄
想確認一個 SVG 的顏色或座標時，不必先把它放進完整專案。從小範例開始修改，也比較容易看出哪個屬性影響了結果。
適合誰
需要調整圖示的前端開發者、檢查 SVG 圖稿的設計師，以及想對照程式碼與圖形的人。
可以怎麼用
本次貼上以下 SVG：畫布是 120 × 120，紅色矩形從 (10, 10) 開始，寬高各為 100。
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<rect x="10" y="10" width="100" height="100" fill="#ff0000"/>
</svg>把 fill="#ff0000" 改成 fill="#0000ff" 後，預覽中的矩形由紅色變成藍色。再按「Download SVG」下載，確認檔案保留藍色填色、矩形座標與 120 × 120 尺寸。
使用前留意
保留原始 SVG，修改後仍要在實際使用的頁面或設計工具中確認效果。本次未測試最佳化、AI 編輯、分享、檔案上傳或其他輸出轉換，也未稽核資料傳輸；機密圖稿請依組織規範處理。
