关于 SVG 代码编辑器
该工具用于在浏览器中编写、校验、预览和导出 SVG。你可以直接编辑 SVG 源码，实时查看渲染结果，并按不同格式导出图像。
核心功能
- 源码编辑与校验：支持粘贴或输入 SVG，自动检查语法状态并提示错误。
- 代码处理：支持一键格式化、压缩最小化和清空内容。
- 画布控制：可配置宽高、背景、网格、缩放与自适应预览。
- 快速插入：提供常见图形元素，便于快速搭建图标或插画结构。
- 多格式导出：支持导出 SVG、PNG、JPEG、WEBP，并可设置尺寸与质量。
- 结构统计：显示元素数量、路径数量、文本数量、渐变数量等信息。
使用说明
- 在代码区输入或粘贴 SVG，或先加载模板。
- 根据需要执行格式化/压缩，并修复语法提示中的问题。
- 在预览区调整缩放、背景和画布参数，确认显示效果。
- 选择导出格式与尺寸后下载文件，或直接复制 SVG 代码。
适用场景
- 前端页面中的图标与插画快速迭代。
- 设计资源交付前的尺寸与结构检查。
- 需要在本地离线处理 SVG 的隐私场景。
常见问题
为什么预览区没有显示图像？
通常是 SVG 语法不完整或根节点缺失。可先使用格式化并检查错误提示，再修正标签闭合与属性。
导出位图后为什么不够清晰？
请提高导出尺寸或使用自定义宽高。SVG 为矢量，位图清晰度取决于导出分辨率。