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。