SVG转JSX
将SVG代码转换为React JSX格式
SVG 转 JSX
使用说明
粘贴SVG代码，点击转换自动将SVG属性转为React JSX兼容的camelCase格式。包括className、strokeWidth、fillOpacity等常用属性的转换。
使用步骤
- 粘贴或上传 SVG 代码。
- 工具自动转换为 React 可用的 JSX 格式。
- 调整属性名（class → className、stroke-width → strokeWidth 等）。
- 复制转换后的 JSX 代码。
常见问题
转换会改变 SVG 外观吗？
不会。JSX 语法等价于 SVG，仅属性名适配 React 规范，视觉效果完全一致。
支持动画 SVG 吗？
支持保留 <animate> 和 <style> 标签，复杂动画 SVG 可能需要手动调整。