SVG Viewer – View, edit, and optimize SVGs

核心功能解析

【实时编辑引擎】
内置基于WebAssembly的渲染内核，支持在浏览器中直接修改SVG节点属性。开发者可通过可视化界面调整图形尺寸、旋转角度、填充色值，修改实时同步至代码预览面板。

【智能代码转换】
独创SVG→JSX编译模块，自动完成以下转换：
属性名驼峰化（如strokewidth→strokeWidth）
内联样式转JS对象格式
支持React Native特殊属性（如fillRule替代fillrule）
生成TypeScript类型定义文件（.d.ts）

【多维度优化】
集成SVGO优化算法的增强版，提供：
1. 预设优化方案：
基础压缩（移除元数据）
进阶优化（合并路径节点）
极限模式（启用浮点数精度控制）
2. 可视化对比：双栏显示原始/优化后效果，支持逐项更改回滚

技术社区集成

与主流开发工具链深度整合：
VSCode插件：支持在编辑器中直接调用优化功能
Figma插件：设计稿导出时自动生成React组件
GitHub Action：CI/CD流水线中批量处理SVG资源

开发者生态建设

提供完善的API文档：
开放核心转换引擎的REST API
包含Jest测试用例的示例项目库
故障排查指南（覆盖常见React框架兼容性问题）