SVG 查看器 – 安全预览 SVG 代码 | petuja.tools

SVG 代码

粘贴 SVG/XML 代码，或直接进行编辑。

预览

出于安全考虑，脚本和外部资源会被阻止。

100%

有效的 SVG 代码将显示在此处。

工具功能

SVG 查看器会直接在浏览器中渲染 SVG 代码，让你无需将代码发送到外部服务即可检查矢量图形。

使用方法

将完整的 SVG 文档粘贴到代码框中，或直接编辑 XML。
查看渲染后的图形，并使用缩放或平移检查细节。
需要检查其他 SVG 时，可重置视图或清空代码框。

实际用途

在网站中使用自己制作的 SVG 之前进行检查。
在浏览器中检查矢量图形的 viewBox、形状和间距。
将 SVG 代码的细微修改与渲染结果进行对比。

注意事项与限制

代码仅在浏览器本地处理。脚本、嵌入式 HTML 和外部资源都会被阻止。
不受支持或可能不安全的 SVG 内容可能会从预览中移除。

常见问题

为什么我的 SVG 没有显示？

请确认内容是有效的 XML，并且根元素为 <svg>。不完整或格式错误的文档不会被渲染。

会加载外部图片或字体吗？

不会。出于安全考虑，外部资源和可执行内容都会被阻止。