SVG 查看器 🖼️

查看和预览 SVG 代码。即时渲染 SVG 标记并可下载为 PNG。

关于 SVG 查看器

这个 SVG 查看器完全在你的浏览器中运行。在上面的输入框中粘贴任意 SVG 标记,点击渲染,SVG 即可在预览区即时绘制。整个过程不会上传任何数据到服务器——渲染通过 JavaScript 在你的设备上瞬时完成。

功能特点

  • 即时预览 —— 实时渲染 SVG 标记,无需上传。
  • 下载为 PNG —— 将 SVG 转换为高分辨率 PNG 图片。
  • 复制 SVG —— 快速将当前 SVG 标记复制到剪贴板。
  • 安全渲染 —— 自动剥离 script 标签,防止意外代码执行。
  • 透明棋盘背景 —— 方便检查带透明度的区域。

如何使用 SVG 查看器

  1. 将 SVG 标记粘贴到输入框中。
  2. 点击渲染在预览区绘制 SVG。
  3. 点击下载 PNG将渲染后的图片保存为 PNG 文件。
  4. 点击复制 SVG复制标记,或点击清空重新开始。

常见问题

粘贴任意 SVG 都安全吗? 渲染前会剥离 script 标签和事件处理属性以保持安全。但仍建议只渲染来源可信的 SVG。

PNG 的输出分辨率是多少? PNG 按 SVG 的原始像素尺寸渲染。如需更大输出,请在 SVG 标记中调大 width 和 height。

支持动画 SVG 吗? 支持,动画 SVG 在预览区会正常播放,但 PNG 导出只能截取单帧。

这个工具会上传我的 SVG 吗? 不会。所有渲染都在本地浏览器中完成,SVG 标记永远不会离开你的设备。