SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
關於本工具
貼上SVG標記,立即在瀏覽器畫布中查看渲染效果。SVG是基於XML的向量格式,可在任何螢幕尺寸下完美縮放。
背景模式(棋盤格、白色、黑色)幫助您判斷透明區域和顏色對比度。縮放控制讓您檢查細節。
使用方法
- 在編輯器標籤貼上或輸入SVG程式碼。
- 切換到預覽標籤查看渲染結果。
- 調整縮放和背景以便更好地檢查。
- 準備好後點擊複製SVG或下載SVG。
使用情境
設計師驗證Figma或Illustrator的SVG匯出,開發者調試內聯SVG標記,前端工程師用棋盤格背景確認透明區域。
常見問題
- 我的SVG程式碼會送到伺服器嗎? — 不會。預覽完全在您的瀏覽器中渲染,不會上傳或儲存任何內容。
- 為什麼SVG顯示為空白? — 檢查根<svg>元素是否有viewBox或明確的width/height,以及填充色是否與背景不同。
- 可以編輯後重新下載嗎? — 可以。在編輯器標籤編輯,在預覽中驗證,然後點擊下載SVG。