SVG 檢視器與線上編輯器

在瀏覽器中即時檢視、編輯和匯出 SVG 檔案,無需上傳,無需安裝,完全隱私。

免費使用 →

功能特性

✏️

即時程式碼編輯

直接編輯 SVG 原始碼,300ms 防抖後即時更新預覽。

🖼

匯出 SVG 與 PNG

下載編輯後的 SVG 檔案,或以 1×、2× 或 4× 解析度匯出為 PNG。

🎨

背景切換

在白色、棋盤格(透明)和黑色背景之間切換,精確預覽效果。

🔒

XSS 安全渲染

SVG 在渲染前使用 DOMPurify 淨化,防止惡意腳本注入。

⚙️

屬性面板

直接編輯 SVG 根元素的 width、height、viewBox、fill 和 stroke 屬性。

📊

SVG 中繼資料

即時查看檔案大小、元素總數及 SVG 是否包含動畫。

使用方法

1

載入 SVG

點擊「開啟檔案」上傳 SVG,拖放檔案,直接貼上 SVG 程式碼,或點擊「範例」查看內建樣本。

2

編輯與預覽

在左側面板修改 SVG 原始碼,右側面板即時更新(300ms 防抖)。使用屬性面板快速編輯根 SVG 屬性。

3

匯出或複製

點擊「↓ SVG」下載編輯後的檔案,「🖼 PNG」匯出為點陣圖,或「📋 複製程式碼」將 SVG 原始碼複製到剪貼簿。

常見問題

這個 SVG 編輯器免費嗎?
是的,完全免費,無需註冊,所有處理均在瀏覽器中完成。
我的 SVG 檔案會上傳到伺服器嗎?
不會。您的檔案不會離開您的裝置,所有操作均在本機瀏覽器中執行。
渲染來自未知來源的 SVG 安全嗎?
是的。所有 SVG 內容在渲染前均經過 DOMPurify 淨化,會移除所有腳本和危險屬性。
可以將 SVG 匯出為 PNG 嗎?
可以。選擇 1×、2× 或 4× 解析度後點擊 PNG 按鈕,SVG 將繪製到 Canvas 上並匯出為 PNG 影像。
棋盤格背景代表什麼?
棋盤格圖案顯示 SVG 中的透明區域,幫助您確認哪些部分沒有填充或是半透明的。

← 返回 pudone! 首頁