SVG 查看器
粘贴原始 SVG 标记后即可立即预览渲染结果。
预览会禁用脚本和外部引用，但仍可查看 viewBox 和尺寸信息。
SVG 预览：粘贴原始代码并立即查看结果
viewBox 与尺寸检查：查看透明度相关信息和潜在不安全内容
你的 SVG 不会发送到服务器。处理完全在浏览器中进行。
预览会禁用危险元素和外部 URL 引用。
使用方法
- 粘贴 SVG 代码或加载 `.svg` 文件。
- 切换背景和缩放比例来检查渲染效果。
- 查看 viewBox、尺寸信息和警告，然后在需要时保存 SVG。
示例
简单图标 SVG
输入
<svg xmlns="ZZ0001" viewBox="0 0 120 120">,<circle cx="60" cy="60" r="52" fill="#0ea5e9"/>,<path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>,ZZ00005 (英语).
输出
会渲染出蓝色圆形图标，信息栏中会显示 viewBox 为 `0 0 120 120`。
常见问题
我的 SVG 会上传到某处吗？
不会。粘贴的 SVG 和加载的文件都会保留在浏览器中，不会发送到服务器。
包含 script 或 foreignObject 的 SVG 会怎样？
安全预览会在渲染前移除这些元素，并在信息栏中显示警告。
带有外部图片或字体的 SVG 会完全相同地渲染吗？
不一定。由于外部引用会被禁用，显示效果可能与原始环境不同。此工具优先保证安全的本地检查。
为什么我的 SVG 没有渲染？
常见原因包括 XML 无效、属性值错误，或根元素不是 `svg`。请查看工具显示的错误信息。
为什么要切换背景？
透明区域和浅色图标在不同背景下看起来会差很多，因此工具可以快速测试棋盘格、白色和深色背景。
注意事项
- 为安全起见，渲染前会禁用外部 URL 引用和危险元素。
- 依赖外部字体或图片的 SVG，显示效果可能与原始环境不一致。
- 非常大的 SVG 文件会自动退出实时预览模式，并提示你手动渲染。