领先的免费Web技术教程，涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

SVG实现的流程图绘制

nixiaole 2025-04-24 06:49:49 知识剖析 10 ℃

一、项目简介

使用SVG技术实现的流程图绘制

二、实现功能

  • 流程图块生成、连线、拖拽

  • 产生相应的xml和xpdl

  • 导入导出json数据

  • 放大缩小功能

  • 保存

  • 操作（选择、自动插入、开始结束、普通活动、子活动、块活动、路径活动、转移、自转移、循环、复制、粘贴、剪切、删除、新建、返回、前进、放大、缩小、归位、导出json、导入json）

  • 支持图标视图、xpdl视图、xml视图

  • 支持过程节点查看

三、技术选型

  • vue

  • svg

  • d3.js

  • jquery.js

  • semantic.css

四、界面展示

五、源码地址

回复：svg绘图


Tags：

猜你喜欢

最近发表
标签列表