SVG 渲染

怎么用

1. 粘贴完整的 SVG 代码，根元素 <svg> 要带命名空间。
2. 设置想要的 PNG 宽度和高度，单边最大 4096 像素。
3. 点渲染，预览区显示浏览器解释后的效果。
4. 点导出 PNG，再点下载保存栅格化文件。

常见用法

• 图标栅格化 —— 为老客户端或设计规范生成 SVG 图标的 PNG 版本。
• 快速核对代码 —— 从图标库或生成器里复制 SVG，先看效果再接入项目。
• 精确尺寸导出 —— 直接生成指定像素尺寸，不用对截图再缩放。

常见问题

问：导出时报安全错误是怎么回事？ 答：如果 SVG 引用了远程图片、字体等外部资源，画布会被标记为受污染，浏览器会禁止像素导出。去掉外部引用后重新渲染即可。

问：SVG 自带宽高，我填的尺寸会覆盖它吗？ 答：PNG 严格按你输入的宽高绘制，与代码里的固有尺寸无关 —— 这正是固定尺寸批量导出的意义。

问：渲染出来是空白怎么办？ 答：常见原因：根元素缺 xmlns 命名空间、标签没闭合、或用了 img 上下文不支持的 XML 特性。修好代码再渲染。