SVG实现的流程图绘制

boyanx4个月前技术教程27

一、项目简介

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

二、实现功能

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

  • 产生相应的xml和xpdl

  • 导入导出json数据

  • 放大缩小功能

  • 保存

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

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

  • 支持过程节点查看

三、技术选型

  • vue

  • svg

  • d3.js

  • jquery.js

  • semantic.css

四、界面展示

五、源码地址

回复:svg绘图


标签: svg 生成

相关文章

Deepseek生成图片的几个方法,示例模板附上

针对DeepSeek生成图片场景设计的原创提示语模板及示例,结合了多步引导、参数化要求和第三方工具协同策略,可适配不同设计需求:一、SVG代码生成法(适用技术型用户)提示语结构:请将下方文本内容转化为...

借助云服务快速生成背景图片

大家在做平面设计、编辑文档、设计网页等时经常会用到背景图片,但网上下载的背景图片有时不能满足实际需求,自己动手制作需要较高的美术功底,相关的制作软件也有一定的上手门槛。其实不用这么麻烦,借助一些云服务...

亿图在线怎么制作贺卡?小白也能轻松制作出一张精美的贺卡

贺卡是什么呢?贺卡是人们在喜庆的日期或者事件的时候表示问候的一种卡片。如生日、情人节、结婚结年日、圣诞节、春节等。目前比较流行的是生日贺卡、节日贺卡、纪念日贺卡、结婚贺卡等等。可以在贺卡上,留下祝福的...

一键画波浪线、一键多图片调色?这3个网站好玩到停不下来

作为一个经常收集网站的PPT设计师,无意中发现了一些超级有趣的网站。只要你动手能力足够强,就一定会利用它做出创意作品。不说废话,直接进入主题。1、炫酷的光线绘画网站http://weavesilk.c...

二维码怎么制作?这3款一键生成二维码工具你不可错过!

二维码怎么制作?二维码可以存储各种类型的信息,包括网址、电话号码、文本、图片等,这些信息可以被快速准确地传递。很多朋友不知道如何制作二维码,今天就来教大家几种简单的方法。01 一键logo设计一键Lo...

3秒SVG变3D!Vecto3D:免费在线神器,设计师/小白都能用

Vecto3D 是一款免费开源工具,可将简单 SVG(如 Logo)快速转换为可定制 3D 模型,支持调整几何、材质及场景参数,并导出为 GLB、STL 等格式,适用于设计、游戏开发和 3D 打印。...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。