SVG编辑器是一个在浏览器里直接改SVG代码、同时看渲染结果的小工具。你粘贴或手写一段<svg>标签，左边改代码右边立刻刷新，不用装Illustrator或Inkscape。常见用法是修图标：比如从Figma导出的24×24图标，viewBox写成了0 0 24 24但path的d属性多了一段M0 0，导致图形偏移，你在这里删掉那段、把fill从#000改成currentColor，再导出PNG给前端用。它也适合临时画几个矩形、圆、多边形做示意图，或者把别人给的SVG压缩一下去掉多余属性。所有解析和渲染都靠浏览器原生SVG引擎完成，文件不会上传到服务器。
| 对比维度 | 本工具 | 手工/替代做法 |
|---|---|---|
| 启动耗时 | 打开网页约1秒，粘贴即渲染 | 装Inkscape约200MB、安装3-5分钟 |
| 改一个颜色 | 改fill值，右侧即时刷新，约2秒 | 在矢量软件里选中对象、开调色板，约10-15秒 |
| 格式化代码 | 一键按标签缩进2空格，1000行约0.3秒 | 手动换行缩进，1000行约10分钟且易错 |
| 导出PNG | 指定宽度如240，直接下载240×240位图 | 需另存为PNG并手动设置导出分辨率 |
| 隐私 | 代码留在本机，无上传请求 | 在线转换站常把文件POST到服务器处理 |
PNG是位图，清晰度取决于导出像素尺寸。若SVG的viewBox是0 0 24 24，按原尺寸导出只有24×24像素，放大会糊。把导出宽度改成240，即放大10倍，得到240×240像素，边缘才够锐利。矢量信息在导出瞬间就丢失了，需要无损缩放请保留SVG源码。
没有硬性上限，但浏览器解析XML有内存和耗时限制。实测100KB以内、节点数2000以下的SVG基本秒开；超过1MB或含上万个path节点时，右侧预览可能卡顿1-2秒。建议先用格式化看清结构，再删掉不需要的<defs>和注释。
常见三种原因：一是根标签没写xmlns="http://www.w3.org/2000/svg"，浏览器不认；二是viewBox写错，比如写成0 0 0 100，宽为0自然看不见；三是图形坐标落在视口外，例如viewBox是0 0 100 100而circle的cx=500。逐项检查这三处，九成空白能解决。
可以，但要手写标签。渐变需在<defs>里定义<linearGradient id="g1" x1="0" y1="0" x2="1" y2="0">，再在图形上写fill="url(#g1)"。滤镜如<filter id="blur"><feGaussianBlur stdDeviation="3"/></filter>，用filter="url(#blur)"引用。工具只做代码编辑和渲染，不提供可视化调参面板。
不会。SVG的解析、渲染和PNG导出全部由浏览器本地完成，导出PNG用的是Canvas的toDataURL，数据不出本机。断网后刷新页面，只要页面已缓存，编辑和导出仍可用。你可以打开开发者工具的Network面板，全程看不到向服务器发送SVG内容的请求。
本工具适合编辑结构清晰、节点数在几千以内的SVG，对含大量<use>引用或复杂滤镜链的文件，浏览器渲染可能变慢。渲染精度由浏览器SVG引擎决定，不同内核（Chromium、Firefox、Safari）对同一段代码可能有1像素内的差异。导出PNG受Canvas尺寸限制，单边超过8192像素可能失败。所有代码和图形仅存在于当前标签页内存中，关闭页面即清空，不上传、不落盘。