TL
Tool Lab
💰捐贈
💰捐贈

SVG Viewer & Editor

Paste SVG code and preview it instantly with zoom controls.

SVG

關於本工具

貼上SVG標記,立即在瀏覽器畫布中查看渲染效果。SVG是基於XML的向量格式,可在任何螢幕尺寸下完美縮放。

背景模式(棋盤格、白色、黑色)幫助您判斷透明區域和顏色對比度。縮放控制讓您檢查細節。

使用方法

  1. 在編輯器標籤貼上或輸入SVG程式碼。
  2. 切換到預覽標籤查看渲染結果。
  3. 調整縮放和背景以便更好地檢查。
  4. 準備好後點擊複製SVG或下載SVG。

使用情境

設計師驗證Figma或Illustrator的SVG匯出,開發者調試內聯SVG標記,前端工程師用棋盤格背景確認透明區域。

常見問題

  • 我的SVG程式碼會送到伺服器嗎?不會。預覽完全在您的瀏覽器中渲染,不會上傳或儲存任何內容。
  • 為什麼SVG顯示為空白?檢查根<svg>元素是否有viewBox或明確的width/height,以及填充色是否與背景不同。
  • 可以編輯後重新下載嗎?可以。在編輯器標籤編輯,在預覽中驗證,然後點擊下載SVG。