SVG路径编辑器
免费在线使用 SVG路径编辑器 无需安装即可使用工具
關於 SVG 路徑編輯器
SVG 路徑編輯器讓你編寫並微調 SVG 路徑的 d 屬性，並即時檢視形狀更新。輸入或貼上路徑字串，預覽會隨編輯即時重繪，檢視也會自動適配你的座標。你可以設定筆觸色、填色和筆觸寬度，複製完成的路徑，並開啟內建的路徑命令參考。全部在瀏覽器本地執行，不上傳任何內容。
使用方法
1. 在輸入框中輸入或貼上路徑資料 2. 設定筆觸色、填色和筆觸寬度 3. 觀察預覽即時更新 4. 如需提醒可開啟命令參考 5. 點擊「複製」取得完成的路徑字串
最佳效果建議
路徑是一系列命令，例如用 M 移動、L 畫線、C 畫曲線，每個都帶座標。大寫命令使用絕對座標和精確位置；小寫版本則相對於上一個點。檢視透過掃描路徑中的數字自動適配，因此若形狀看起來被裁剪，可加一些留白或檢查座標。參考卡片能幫你回憶弧線、貝茲曲線等命令的確切語法。
▶什麼是 d 屬性？
它是描述 SVG 路徑的資料字串——一組繪圖命令和座標。編輯器接收該字串並呈現它定義的形狀。
▶預覽如何適配路徑？
工具會掃描路徑中每個數字，找出最小的 x、y 和最大的 x、y，然後以小邊距圍繞它們構建檢視框，確保整個形狀可見。
▶大寫和小寫命令有什麼區別？
大寫字母（如 M、L）使用從原點測量的絕對座標；小寫字母（如 m、l）使用從上一個點測量的相對座標。
▶它會驗證我的路徑嗎？
它使用瀏覽器的 SVG 引擎呈現你輸入的內容，因此語法錯誤只會表現為缺失或異常的形狀。命令參考能幫你發現並修正錯誤。
▶可以複製結果嗎？
可以。「複製」按鈕會把路徑字串寫入剪貼簿，方便貼到 SVG 檔案或原始碼中。另有「清除」按鈕可重新開始。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。