SVG路徑指令視覺化與檢查工具

讀懂指令

大寫指令使用絕對座標，小寫指令則相對於目前位置移動。每個指令需要固定數量的值：H 和 V 需要一個，M、L 和 T 需要兩個，S 和 Q 需要四個，C 需要六個，A 需要七個，Z 不需要值。多出的值會重複套用該指令，而 M 後多出的座標組會視為 L。弧線的七個值依序是兩個半徑、旋轉角度、決定大弧或小弧及方向的兩個旗標，以及終點。

預覽大小與精簡數字

預覽會從原點顯示 200 × 200 單位的區域。在 24 單位網格上繪製的圖示會顯得很小，位於左上角；而來自 512 單位圖示集的路徑會超出邊界。那是畫布的範圍，不是路徑本身。

最佳化工具常會省略分隔符號，將兩個數字寫成 M10-5 或 .5.5。拆解結果會按照瀏覽器的解讀方式處理：減號或第二個小數點會開始新的數字，因此 .5.5 代表 0.5 和 0.5。弧線旗標是單一數字，所以在 a5 5 0 015 5 中，旗標是 0 和 1，終點是 5 5。如果要修改圖形而不是讀取它，請在SVG 編輯器中開啟。

使用方式

1. 貼上SVG路徑資料（例如M10 10 L90 90 Z）。
2. 檢查指令token與說明。
3. 查看渲染後的向量路徑預覽。

隱私與限制

所有處理都在瀏覽器端完成，不會保留任何資料。