SVG 格式化工具

操作说明
第一步：打开工具
打开工具页面，页面顶部显示「SVG 格式化工具」标题，下方有三个功能标签页：SVG 格式化、Flex/Grid 生成器、批量处理。
第二步：SVG 格式化操作
在「SVG 格式化」标签页，左侧输入框粘贴 SVG 代码，或直接从电脑文件夹拖拽 SVG 文件到页面任意位置。
在「格式化选项」区域选择缩进大小、属性排序、是否移除注释、是否压缩。
点击 「✨ 格式化」 按钮，右侧输出框显示格式化后的代码。
下方预览区域自动显示 SVG 图形效果。
点击 「📋 复制」 复制代码，或点击 「💾 下载」 保存为 .svg 文件。
第三步：Flex/Grid 生成器操作
点击「Flex/Grid 生成器」标签页。
选择 Flex 或 Grid 布局模式。
通过下拉菜单和滑块调整方向、对齐方式、间距等参数。
上方可视化区域实时展示布局效果。
下方 CSS 代码区域自动生成对应样式代码，点击 「复制」 即可粘贴到项目中使用。
第四步：批量处理操作
点击「批量处理」标签页。
拖拽多个 SVG 文件到上传区域，或点击 「选择文件」 按钮多选文件。
文件列表显示已添加的文件名称和大小。
点击 「✨ 批量格式化」 按钮，系统自动处理所有文件并逐个下载到本地。
第五步：注意事项
本工具全程在浏览器本地运行，不联网、不上传数据。
拖拽文件时，页面任意位置均可接收。
移动端和电脑端均可正常使用，移动端会自动适配满屏显示。