SVG編輯器

SVG 編輯器提供了一套功能，讓您可以直接從瀏覽器創建和編輯矢量圖形。它提供了一個全功能的程式碼編輯器，具有語法著色和實時驗證功能，以便直接創建和修改 SVG XML 語法。它提供了形狀工具，用於製作基本元素，如矩形、圓形、線條、三角形、橢圓形、多邊形、路徑和文字。此外，它還有一個 SVG 庫，包含常見元素，如心形、星星、箭頭和齒輪。從這裡，您可以精確定義您元素的位置、大小、填滿顏色、描邊顏色和描邊寬度屬性。它還包含實時預覽功能，讓您在應用更改時即可看到結果。所有這些功能都將編輯器變成一個強大而簡單的 SVG 創建和編輯工具。

在 SVG 編輯器中添加形狀和元素有幾種方法。從形狀工具面板，您可以訪問基本的幾何元素，包括矩形、圓形、線條、三角形、橢圓形、多邊形、路徑和文字元素。添加元素的步驟涉及點擊形狀工具，然後在預覽窗格中點擊或拖動一次。您也可以通過瀏覽 SVG 庫，將預設圖形插入到您的 SVG 檔案中，該庫包含現成的元素，如心形、星星、箭頭、核對記號、雲朵和齒輪。這些預設圖形只需單擊一次即可插入。對於更複雜的圖形，直接在整合的程式碼編輯器中編輯 SVG 程式碼，可讓您完全控制 XML 結構。添加元素後，您可能想要選擇它們並使用編輯器界面上的位置和大小控制來調整它們的屬性。

SVG 編輯器通過其「打開 SVG 檔案」功能完全支持編輯現有的 SVG 檔案。點擊「打開 SVG 檔案」按鈕。然後，您從設備中選擇想要處理的 SVG 檔案。打開後，SVG 會出現在程式碼編輯器和視覺預覽中，讓您能夠通過任何可用的編輯工具進行修改。您可以在程式碼編輯器中編輯 XML 程式碼，透過視覺界面調整元素屬性，使用形狀工具添加新元素，並插入庫元素。編輯器將提供實時驗證，讓您識別現有 SVG 檔案中存在的任何語法錯誤。編輯完成後，您可以以多種格式導出更改後的 SVG，這使該工具適合微調和進一步開發任何現有的矢量圖形。

SVG 編輯器根據您的特定應用和需求提供多種導出選項。您可以將作品導出為純 SVG 格式，保留所有矢量屬性和可縮放性。如果您想將作品光柵化，該工具提供 PNG 導出，這最適合用於網頁圖形和簡報。Base64 導出將您的 SVG 轉換為數據 URI，這方便直接嵌入到 HTML 或 CSS 檔案中。CSS 導出生成適用於 SVG 背景的 CSS 碼，或其他基於 CSS 的實現。所有導出過程都在瀏覽器本地進行，所以您的內容將保持私密。這廣泛的導出選項使它更容易將 SVG 圖形融入不同的上下文和開發環境。

SVG 優化通過移除任何可能導致 SVG 檔案膨脹的數據和冗餘信息，在盡量不影響視覺質量的情況下最小化檔案大小。點擊「優化」按鈕後，工具將分析您的 SVG 程式碼並移除任何不會影響視覺外觀的內容，例如大量的空白空間、註解、元數據或不必要的路徑數據。這個過程可以顯著壓縮檔案大小，尤其是在處理複雜圖形時，從而實現快速加載，同時消耗更少的帶寬。優化保留了所有基本的視覺元素和對圖形至關重要的功能，在處理後恢復完美外觀。這個功能對於總是必須在質量和性能之間做取捨的網頁開發人員來說非常實用，所有操作都在您的瀏覽器中完成，所以您的檔案絕不會傳輸到外部伺服器。