SVG 编辑器

怎么用

1. 把 SVG 代码粘贴或输入左侧编辑区，停止输入一小会儿后预览自动渲染。
2. 选预览缩放：100%、200% 或 400%。缩放只影响预览，不影响导出文件。
3. 改完后点「渲染」可立即刷新预览。
4. 点「导出 PNG」按缩放后的尺寸栅格化当前代码（单边上限 4096 px）并下载。

常见用法

• 微调导出的图标：把设计工具导出的图标粘进来，改一笔路径，立刻看到效果。
• 审查陌生 SVG：在把片段放进项目前，先渲染确认它长什么样。
• 矢量图转位图：为只认位图的工具导出一份 PNG。
• 边改边学 SVG：改一个坐标，看预览怎么动。

常见问题

问：为什么脚本或动画在预览里不见了？ 答：脚本被有意剔除。能运行任意代码的 SVG 编辑器是安全漏洞，所以本工具只渲染静态矢量图形。

问：导出时报 canvas 被污染是什么意思？ 答：这表示 SVG 引用了外部图片或字体。浏览器禁止从画过这类内容的 canvas 读回像素。把资源内联进 SVG 再导出即可。

问：导出的 PNG 是多大？ 答：取 SVG 自身的 width/height（没有则用 viewBox）乘以当前缩放，单边上限 4096 px。代码里完全没有尺寸时，按 300x150 默认处理。