SVG 編輯器
使用 SVG 編輯器，檢視結果，並在確認輸出正確前保留原始檔案。
SVG Editor
SVG Library
SVG Information
SVG Statistics
為何是 SVG 編輯器？
SVG 編輯器是一套完整的網頁多工工具，能直接透過瀏覽器創建、編輯和操作可縮放矢量圖形 (SVG)。它就是那款強大無比的編輯器，能解決所有矢量圖形問題，無需安裝任何笨重的桌面軟體。因此，這套完整的程式碼編輯器、視覺預覽、形狀工具和 SVG 庫，讓使用者能夠隨心所欲地創建和修改 SVG 圖形，用於網頁開發、設計專案或數位繪畫。
它為我們提供了基本功能，主要是實時程式碼驗證、優化和格式化 SVG，並提供多種導出選項。使用者可以繪製基本形狀，從 SVG 庫中插入預設 SVG 元素，更改元素屬性，並微調圖形。所有操作都在瀏覽器本地完成，SVG 檔案無論在何種設備上都絕不外洩。
如何使用 SVG 編輯器工具
-
創建或打開 SVG 內容：您可以透過形狀工具從零開始創建 SVG，或從 SVG 庫中插入元素。您也可以使用「打開 SVG 檔案」按鈕打開任何現有的 SVG 檔案。
-
編輯 SVG 程式碼：透過應用程式中整合的程式碼編輯器，直接編輯 SVG XML 結構。寫作乾淨 SVG 程式碼時，語法著色、程式碼摺疊和實時驗證將會提供協助。
-
使用形狀工具：點擊任何形狀工具（包括矩形、圓形、線條、三角形、橢圓形、多邊形、路徑和文字），將該元素放置在 SVG 画布上。
-
修改元素屬性：選擇任何元素的時候，您可以同時控制其位置和大小，並精確調整 X/Y 坐標、寬度、高度、填滿顏色、描邊顏色和描邊寬度。
-
SVG 庫：從這個內建庫中，您可以查看並插入預設設計的 SVG 項目，例如心形、星星、箭頭、核對記號、雲朵和齒輪。
-
驗證和優化：當您點擊「驗證」按鈕時，它將檢查您的 SVG 檔案是否有語法錯誤；點擊「優化」按鈕時，它將通過移除不必要數據來減小 SVG 檔案的大小。
-
導出您的作品：您可以將作品導出為 SVG、PNG、Base64 或 CSS 格式，並支持以不同方式使用您的圖形。
SVG 編輯器 常見問題
SVG 編輯器能做什麼？
在瀏覽器中開啟支援的 SVG 檔案，執行可用的編輯操作，檢視向量輸出結果，並下載最終檔案。
哪些檔案適用於 SVG 編輯器？
此類別通常支援 SVG 及匯出的 PNG。請使用上傳區顯示的受支援檔案類型，因為支援度會因瀏覽器及工具背後的引擎而異。
使用此工具可以修改哪些內容？
頁面上的控制項定義了操作範圍。格式支援但工具未提供操作界面的內容，將保持輸入時的原始狀態。
原始檔案會被修改嗎？
不會。工作是在此分頁中透過瀏覽器自身的 SVG 文件模型對副本進行處理，結果會作為獨立的下載檔案提供，因此若需要，原始檔案仍存在。
我的檔案是如何被處理的？
檔案不會被上傳。處理過程在本地端由瀏覽器自身的 SVG 文件模型完成，因此實際限制取決於裝置記憶體及上傳區旁顯示的容量上限 - 無佇列、無帳號、無伺服器複製。
SVG 編輯器提供了哪些創建矢量圖形的功能？
SVG 編輯器提供了一套功能，讓您可以直接從瀏覽器創建和編輯矢量圖形。它提供了一個全功能的程式碼編輯器，具有語法著色和實時驗證功能，以便直接創建和修改 SVG XML 語法。它提供了形狀工具，用於製作基本元素，如矩形、圓形、線條、三角形、橢圓形、多邊形、路徑和文字。此外，它還有一個 SVG 庫，包含常見元素，如心形、星星、箭頭和齒輪。從這裡，您可以精確定義您元素的位置、大小、填滿顏色、描邊顏色和描邊寬度屬性。它還包含實時預覽功能，讓您在應用更改時即可看到結果。所有這些功能都將編輯器變成一個強大而簡單的 SVG 創建和編輯工具。