我的 SVG 会被上传到服务器吗？

不会。标记的净化和渲染都在浏览器内完成，没有任何内容离开你的机器。

为什么预览和原始文件看起来不一样？

预览用 DOMPurify 的 SVG 与 SVG 滤镜配置做净化：script 元素、事件处理属性以及其他非 SVG 内容会在渲染之前被剥离，因此带交互或带脚本的部分不会出现。

预览来源不可信的 SVG 文件安全吗？

比直接打开它们要安全，因为 DOMPurify 会在标记进入 DOM 之前移除脚本和事件处理属性。不过在其他场景里仍然要小心对待不可信文件——一个原始 SVG 在浏览器标签页里被直接打开时是可以执行 JavaScript 的。

SVG查看器和渲染器

概述

SVG 文件本质上是 XML 文档，所以手写编辑很容易，但检查起来很别扭——不渲染就看不到结果。这个工具把粘贴进来的 SVG 标记即时渲染在棋盘格背景上，让透明区域也一眼可见。渲染之前，标记会经过 DOMPurify 的 svg 与 svgFilters 配置，其中会剥离 <script> 元素和 on* 事件处理属性。一切都在你的浏览器里运行。

使用方法

把标记粘贴或输入到 SVG source 输入框，默认已经载入一个示例圆形。
随着你的输入，Preview (sanitized) 面板会同步更新，不需要按任何按钮。
修改 fill、width、viewBox 等属性，立刻看到效果。

示例

调整图标颜色：把 fill="#0060c0" 改成 fill="#e0403f"，确认效果之后再提交。
调试路径：粘贴设计工具导出的 <path d="…">，检查几何形状是否符合预期。
验证净化行为：粘贴一段含 <script> 的 SVG，确认它能渲染出来而脚本已经被去掉。

说明

因为净化会移除脚本，SMIL 或 CSS 驱动的动画可能仍会渲染，但交互行为不会生效。外部引用（远程图片、字体）也可能被净化器或你的浏览器拦下。如果预览是一片空白，先看 viewBox 和 width / height 是否合理，再确认根元素是不是 <svg>。