SVG路徑編輯器
使用 SVG 路徑編輯器，檢視結果，並在檢查輸出之前保留原始檔案。
Path Data
Commands
Shape Library
Export Options
是什麼是 SVG 路徑編輯器？
SVG 路徑編輯器是一個專業用於編輯 SVG 路徑數據的線上工具，同時提供精確且友善的 SVG 路徑編輯與創建功能。這個概念誕生於解決使用者在面對複雜 SVG 路徑指令時所遇到的問題，提供一個完整的視覺化介面來繪製和編輯向量圖形路徑。現在使用者可以使用所有標準的 SVG 路徑指令：M - 移動到，L - 直線到，C - 三次貝澤爾曲線，Q - 二次貝澤爾曲線，A - 椭圓弧，以及 Z - 關閉路徑來建立和繪製美觀且複雜形狀的向量。
SVG 路徑編輯器採用混合式標籤介面，其中一個面板可以讓您深入編輯代碼並純粹玩弄路徑數據，而相鄰的面板則提供即時反饋。它擁有視覺化編輯標籤，用於互動式路徑操作和動畫預覽功能，以及一套完整的預製形狀庫。所有處理都在您的客戶端瀏覽器上進行，以確保完全的隱私和安全；您的 SVG 檔案始終存放在您的設備上，從未在網路上傳輸。
如何使用 SVG 路徑編輯器工具？
-
建立或載入路徑數據：您可以從路徑數據文本區域貼上現有的 SVG 路徑，或從形狀庫中選擇形狀開始。或者，您也可以通過工具欄按鈕手動建立路徑。
-
使用路徑指令：點擊指令按鈕將不同的指令應用到您的路徑上；每個指令都以不同的方式定義了您的向量繪圖形狀。
-
視覺化路徑編輯：前往「視覺化編輯器」標籤，在畫布中自由互動路徑點和把手。拖動點來修改您的路徑形狀！
-
樣式化您的路徑：使用樣式控制項來更改填滿顏色、描邊顏色和描邊寬度，以改變外觀。
-
動畫化路徑：前往「動畫」標籤進行路徑動畫預覽。您可以調整速度，並按播放、暫停或重置來欣賞動畫。
-
導出您的作品：根據需要將您的工作導出為 SVG、PNG、Base64 或 CSS，以在不同的場景中實現您的路徑圖形。
SVG路徑編輯器 常見問題
SVG 路徑編輯器能做什麼？
輕鬆編輯、操作及視覺化 SVG 路徑。利用我們免費的線上工具，透過即時修改路徑指令來完善您的向量圖形。
哪些檔案適用於 SVG 路徑編輯器？
此類別通常支援 SVG 及匯出的 PNG。請使用上傳器中顯示的受支援檔案類型，因為支援範圍會因瀏覽器及各工具後端的引擎而異。
我可以用這個工具修改哪些內容？
此頁面的控制項定義了作用範圍。檔案格式支援但工具未暴露的功能將保持原狀。
我的原始檔案會被更改嗎？
不會。工作是在此分頁中對副本進行的，使用瀏覽器自身的 SVG 文件模型處理，結果作為單獨的下載提供，因此您需要時原始檔案依然存在。
我的檔案是如何處理的？
不會上傳。處理是由瀏覽器自身的 SVG 文件模型在本地完成，因此實際上限取決於您的裝置記憶體以及上傳器旁顯示的限制——沒有佇列、沒有帳戶、沒有伺服器上的副本。
SVG 路徑編輯器支援哪些 SVG 路徑指令？
SVG 路徑編輯器支援所有常見的 SVG 路徑指令，以實現完整的向量編輯。這些包括 M/m（移動到，設置起點）、L/l（直線到，直線）、H/h（水平線）、V/v（垂直線）、C/c（三次貝澤爾曲線）、S/s（平滑三次貝澤爾曲線）、Q/q（二次貝澤爾曲線）、T/t（平滑二次貝澤爾曲線）、A/a（椭圓弧），以及 Z/z（關閉路徑，連接到起點的線）。每個指令都有專門的按鈕，因此使用者不再需要記憶確切的語法來創建複雜的路徑。這種支援確保標準 SVG 路徑數據可以使用來表達任何形狀或設計。