SVG编辑器 - 速查工具盒

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
  <rect x="20" y="20" width="160" height="160" rx="16" fill="#6366f1" opacity="0.9"/>
  <circle cx="100" cy="100" r="50" fill="#f43f5e"/>
  <text x="100" y="108" text-anchor="middle" fill="white" font-size="24" font-weight="bold">SVG</text>
</svg>

如何使用SVG编辑器

在画布上绘制形状或导入SVG文件
使用工具栏选择、移动、缩放图形元素
在代码面板中直接编辑SVG代码
导出SVG文件或复制SVG代码

SVG编辑器功能说明

基本形状绘制（矩形、圆形、线条等）
路径编辑和锚点调整
填充色、描边色和透明度设置
代码视图与设计视图同步

注意事项

复杂路径编辑需要一定SVG知识
导入的SVG可能需要清理优化
注意SVG文件的体积优化
导出前建议检查浏览器兼容性