SVG 预览使用教程：在线解析 SVG 源码并预览矢量图，支持保存

本地 SVG 预览工具，支持粘贴 SVG XML 源码、HTML 图标实体字符或 data:image/svg+xml;base64, 编码，转换后预览矢量图并保存为 .svg 文件（可重命名）。所有处理在浏览器本地完成。

功能特点

• 多格式输入。
• SVG XML 源码：直接粘贴 <svg>…</svg> 完整源码。
• HTML 实体字符：如  等图标字体实体。
• Base64 编码：支持 data:image/svg+xml;base64, 前缀或纯 Base64 字符串。

使用场景

• 调试 SVG 源码：快速验证 SVG 代码是否能正确渲染。
• 图标实体预览：查看 HTML 实体字符对应的矢量图形。
• Base64 还原：将接口返回的 SVG Base64 编码还原为可预览、可保存的矢量图。

使用方法

1. 在输入框粘贴 SVG 源码、HTML 实体或 Base64 编码（右下角显示字符计数，上限 500000）。
2. 点击「转换」，系统自动识别格式并解析。
3. 转换成功后，下方预览区显示矢量图，并展示格式与文件大小信息。
4. 点击预览图可放大查看；点击「保存」另存为 .svg（可重命名）。
5. 修改输入内容后预览会自动清除，需重新点击「转换」。

注意事项

• 输入上限：单次最多 500000 字符，超出会自动截断并提示。
• 重新转换：修改输入后需重新点击「转换」，预览不会自动更新。
• 解析失败：若内容无法识别为合法 SVG，会提示检查输入格式。