ToolsOnline

線上 SVG 路徑編輯器

對 path d 套用平移 / 縮放 / 旋轉,即時預覽並輸出 SVG


      

關於這個 SVG 路徑編輯器

貼上任意的 path d 字串並指定 viewBox(預設 0 0 24 24),再調整 translateX / translateY、scale 與 rotate(角度),預覽區會以內嵌 SVG 即時算繪變換結果,適合快速對齊圖示形狀。

輸出為包著 <g transform="…"> 的完整 <svg> 程式碼,變換按平移 → 縮放 → 旋轉的順序合成,可直接複製到圖示檔案或頁面中。數值為 0 或預設值時對應變換會被省略,保持程式碼簡潔。所有處理都在瀏覽器本機完成。