SVG在线编辑器

全功能SVG编辑器

网站截图

1. 文件操作​​

• ​​新建文件​​：创建空白SVG画布。
• ​​保存​​（快捷键 ⌘S）：保存当前SVG文件。
• ​​导出PNG​​：将SVG内容导出为PNG图像。
• ​​源文件​​（快捷键 ⌘U）：查看或编辑SVG源代码。

​​2. 编辑功能​​

• ​​撤销​​（⌘Z）/ ​​重做​​（⌘Y）：回退或恢复操作。
• ​​剪切​​（⌘X）/ ​​复制​​（⌘C）/ ​​粘贴​​（⌘V）：标准剪贴板操作。
• ​​重复​​（⌘D）：复制并粘贴选中元素。
• ​​删除​​（⌫）：移除选中元素。
• ​​调整路径​​：编辑矢量路径的节点和曲线。

​​3. 元素层级与编组​​

• ​​置最前​​（⌘⇧↑）/ ​​置前​​（⌘↑）：将元素移至顶层或上移一层。
• ​​置后​​（⌘↓）/ ​​置最后​​（⌘⇧↓）：将元素移至底层或下移一层。
• ​​编组​​（⌘G）：将多个元素合并为一组。
• ​​取消编组​​（⌘⇧G）：拆分已编组的元素。

​​4. 视图设置​​

• ​​显示标尺​​：启用画布标尺辅助设计。
• ​​显示网格​​/​​对齐网格​​：显示网格线并启用吸附对齐功能。

​​5. 画布设置​​

• ​​尺寸调整​​：自定义画布的宽度、高度和背景颜色。

​​6. 图形元素工具​​

支持以下元素的创建与属性编辑：

• ​​矩形​​：设置位置（X/Y）、宽度、高度。
• ​​路径​​：编辑节点、分割类型（直行/曲线）、添加/删除节点、开放路径。
• ​​图像​​：调整位置、宽度、高度。
• ​​圆形​​：设置圆心（X/Y）和半径。
• ​​椭圆​​：设置位置、水平半径（半径X）、垂直半径（半径Y）。
• ​​线条​​：定义起点（X/Y）和终点（X/Y）。
• ​​文本​​：设置位置、字体大小。

​​7. 样式与效果​​

• ​​外观​​：
  • ​​透明度​​：调整元素不透明度。
  • ​​模糊​​：添加高斯模糊效果。
  • ​​圆度​​：控制边角圆角程度。
• ​​描边​​：
  • ​​划线宽度​​：设置描边粗细。
  • ​​划线样式​​：自定义虚线/实线样式。
• ​​对齐​​：多元素对齐（如左对齐、居中分布等）。

​​8. 路径编辑​​

• ​​分割类型​​：切换直线或曲线节点。
• ​​节点操作​​：添加/删除节点、开放闭合路径。
• ​​旋转​​：调整元素旋转角度。

​​9. 其他功能​​

• ​​保存提示​​：支持将内容复制到文本编辑器并保存为.svg文件。
• ​​操作按钮​​：提供​​完成​​、​​取消​​、​​应用​​等交互选项。

特点总结

• ​​快捷键支持​​：覆盖大部分常用操作（如保存、复制、层级调整）。
• ​​矢量编辑​​：专注于路径和节点的精细化控制。
• ​​多元素管理​​：支持编组、层级调整及批量对齐。
• ​​导出灵活​​：可导出为SVG源码或PNG位图。
• ​​可视化与代码结合​​：允许通过界面或直接编辑源代码调整设计。