SVG 编辑器

SVG 编辑器是一个矢量图形制作工具：从素材库拖拽图元到画布，编辑属性、添加动画，即可导出 SVG 或图片，用于组态画面、工业监控和可视化场景。

内置泵阀、储罐、管道、电机等现成工业素材，动画可以随 SVG 一起导出（SMIL 内嵌），导出的文件既能直接放进网页，也能作为 2D 组态、可视化大屏的 SVG 素材使用。

与通用设计工具（Figma、Inkscape）的差异：内置工业素材库、动画与 SVG 一起导出、打开即用；未登录时草稿自动保存在浏览器本地。

在线体验：https://www.ricon.cloud/svg/

核心能力

• 画布与视图：默认 800×600，支持 1024×768 / 1280×720 / 1920×1080 预设；网格、网格吸附、横纵标尺、0.2×～5× 缩放。
• 基础形状与素材：矩形、圆、椭圆、多边形、星形、线条、箭头、路径、文本，以及圆环、扇形、圆弧等仪表图元；左侧还有流程图、图标、贴纸、组态图元、动画预设五类素材。
• 选择与变换：单击、Shift 加选、框选、Ctrl+A 全选；拖控制点缩放 / 旋转；拖动时中心对齐辅助线，落点时可选网格吸附。
• 属性面板：公共属性、填充 / 描边 / 阴影、圆角、仪表半径与角度、管道管径与流层、文字样式，以及图层排列、显隐、锁定。
• 动画：流动、闪烁、旋转、往复平移、垂直往复、缩放脉冲、抖动、摆动旋转、颜色闪烁共 9 种；画布内实时预览，导出时嵌入 SMIL。
• 代码模式：SVG 源码与画布双向同步，停止输入 400ms 后自动应用到画布。
• 导入与导出：导入 SVG / PNG / JPG / WebP / 工程 JSON；导出 PNG / JPG / WebP / SVG，支持尺寸倍率、DPI、仅导出选中、背景模式。
• 工具面板：SVG 压缩、SVG 批量转图片、图片批量矢量化，全部在本地浏览器完成。
• 草稿与历史：自动保存草稿（约 1 秒），刷新或重开浏览器不丢失，最多 50 步撤销 / 重做。

文档地图

分组	页面	说明
产品与入门
产品与入门	SVG 编辑器（本页）	产品定位、核心能力、文档地图与学习路径
产品与入门	快速上手	从新建画布到导出 SVG 的完整链路
产品与入门	界面导览	顶部工具栏、左侧素材栏、画布、右侧五个 Tab
编辑器使用
编辑器使用	画布与视图	画布设置、网格与吸附、标尺、缩放、选择与右键菜单
编辑器使用	图元与素材	基础形状、仪表、线条、文本与五类素材库
编辑器使用	属性编辑	公共属性、图元属性、文字属性、排列与操作
编辑器使用	图层与代码模式	图层管理、SVG 源码双向同步
编辑器使用	动画	9 种动画类型、参数、预览与 SMIL 导出
编辑器使用	导入与导出	文件导入、四种导出格式、尺寸 / DPI / 背景 / 仅选中
参考
参考	常见问题	动画、导入、导出、草稿、缓存等高频问题

建议学习路径

1. 第一次使用：快速上手 → 界面导览，先跑通「选画布 → 拖图元 → 改属性 → 加动画 → 导出」。
2. 日常制作：按需查阅 图元与素材 → 属性编辑 → 图层与代码模式 → 动画 → 导入与导出。
3. 遇到异常：先看 常见问题，再回到相关章节定位。

适用边界

SVG 编辑器适合制作静态或轻动画的矢量图元：工业设备图标、流程图、标注牌、简易动效、可复用的 SVG 素材。

它不承担完整设计工具的职责：没有钢笔、布尔运算、蒙版、复杂滤镜编辑，也不做多人协作。需要复杂插画时，建议先在专业工具里完成，再以 SVG 导入本工具做属性、动画与导出。