SVG 查看器与在线编辑器

在浏览器中即时查看、编辑和导出 SVG 文件，无需上传，无需安装，完全隐私。

功能特性

✏️

直接编辑 SVG 源代码，300ms 防抖后实时更新预览。

🖼

下载编辑后的 SVG 文件，或以 1×、2× 或 4× 分辨率导出为 PNG。

🎨

在白色、棋盘格（透明）和黑色背景之间切换，准确预览效果。

🔒

SVG 在渲染前使用 DOMPurify 净化，防止恶意脚本注入。

⚙️

直接编辑 SVG 根元素的 width、height、viewBox、fill 和 stroke 属性。

📊

即时查看文件大小、元素总数及 SVG 是否包含动画。

点击「打开文件」上传 SVG，拖放文件，直接粘贴 SVG 代码，或点击「示例」查看内置样本。

在左侧面板修改 SVG 源代码，右侧面板实时更新（300ms 防抖）。使用属性面板快速编辑根 SVG 属性。

点击「↓ SVG」下载编辑后的文件，「🖼 PNG」导出为位图，或「📋 复制代码」将 SVG 源码复制到剪贴板。

这个 SVG 编辑器免费吗？

是的，完全免费，无需注册，所有处理均在浏览器中完成。

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

不会。您的文件不会离开您的设备，所有操作均在本地浏览器中运行。

渲染来自未知来源的 SVG 安全吗？

是的。所有 SVG 内容在渲染前均经过 DOMPurify 净化，会移除所有脚本和危险属性。

可以将 SVG 导出为 PNG 吗？

可以。选择 1×、2× 或 4× 分辨率后点击 PNG 按钮，SVG 将绘制到 Canvas 上并导出为 PNG 图像。

棋盘格背景代表什么？

棋盘格图案显示 SVG 中的透明区域，帮助您确认哪些部分没有填充或是半透明的。