SVG 扁平化

SVG扁平化在线工具介绍

SVG扁平化工具用于将 SVG 中的 transform 变换属性展开到真实坐标中，适合清理设计工具导出的变换结构、减少嵌套层级、提升后续编辑便利性以及为路径处理、压缩优化、前端嵌入等场景准备更直接的 SVG 代码。您可以直接上传 SVG 文件，也可以粘贴 SVG 代码，在线完成 transform 展开、基础图形转路径、预览对比、复制代码和下载文件。

当前工具支持常见的 translate、scale、rotate、skew 和 matrix 变换处理，也支持将部分基础图形转换为 path 后再展开坐标，适合图标、Logo、基础插画和常见组件图形的在线扁平化需求。

SVG扁平化工具功能特点

• 支持上传 SVG 文件和直接粘贴 SVG 代码进行扁平化。
• 支持展开常见的 transform 变换属性到实际坐标中。
• 支持将矩形、圆形、椭圆、线条、多边形等基础图形转换为 path。
• 支持删除空分组节点和输出小数精度控制。
• 支持原始 SVG 与扁平化后 SVG 双预览对比。
• 支持查看代码、复制代码和下载扁平化后的 SVG 文件。

SVG扁平化怎么用

1. 点击上传按钮选择 SVG 文件，或者直接粘贴 SVG 代码。
2. 根据需要设置是否展开分组 transform、是否转基础图形为 path，以及是否删除空分组。
3. 如果需要更短的数值输出，可以调整小数精度。
4. 点击开始扁平化，工具会自动将变换属性应用到实际坐标中。
5. 确认预览结果后，可以复制代码，或者下载扁平化后的 SVG 文件。

适用场景

• 清理设计工具导出的 transform 嵌套结构，生成更直接的 SVG。
• 为路径编辑、代码压缩和前端嵌入准备更易处理的图形代码。
• 将矩形、圆形等基础图形转换为 path 以便统一编辑。
• 减少 SVG 中的分组和变换层级，方便调试与维护。
• 需要快速在线完成 SVG 扁平化，而不依赖桌面矢量软件。

工具优势

• 在线使用，无需安装 Illustrator 或其他桌面软件即可处理。
• 支持常见 transform 展开和基础图形转路径，覆盖常用场景。
• 支持预览对比、代码复制和下载，操作更直观。
• 浏览器本地处理，适合日常轻量 SVG 清理需求。
• 适合前端开发者、设计师、站长和图标维护人员快速使用。

常见问题

SVG扁平化后会删除所有 transform 吗？

当前工具会尽量将常见图形节点上的 transform 展开到坐标中。对于不适合直接展开的复杂节点，可能会保留矩阵形式或保留原始结构，建议导出后再检查一次。

为什么建议开启基础图形转 path？

因为将矩形、圆形、椭圆等转换为 path 后，更容易统一执行坐标展开、后续路径编辑和代码压缩操作。

复杂 SVG 都能完全扁平化吗？

不一定。对于非常复杂的滤镜、蒙版、文本、特殊剪切路径或高级动画结构，建议扁平化后再结合专业软件进一步检查。

这个 SVG扁平化工具适合哪些文件？

适合图标、Logo、基础插画和中小型 SVG 文件。对于路径数量很多或变换结构非常复杂的大型 SVG，也可以先做预处理再继续编辑。