react流程引擎_开源免费的React绘图插件——react-diagrams 介绍
⼀个超级简单，没有废话的图表库，⽤react来编写，全名是 STORM React Diagrams(SRD)，SRD是⼀个⾮常容易使⽤的库，⽤于在Web中创建流程图，最终可以表⽰任何类型的流程/⽹络/图形等。
特性介绍
简单
没有⾮常⼤的难度就可以集成到你的项⽬当中去
⾃定义
可⾃定义⽽⽆需关⼼其核⼼
操作简单
⽆复杂的操作
性能优秀
快速优化处理具有数百个节点/链接的⼤型图表
⾮常易⽤
你的⼯作都将是可预期的
⾮常适合创建声明性系统
如程序化流⽔线和可视化编程语⾔
Github
github：
⽂档：
动图预览
昨天的⽂章中介绍阿⾥的动画效果解决⽅案，看到条友说没有gif，其实也不是我懒，⽽是还没发现⼀个好⽤的gif录屏软件，所以就截图了，今天的流程图演⽰不必担⼼，官⽹⾃带动图：
删除所有选中的节点
Shift+⿏标拖动实现多选
Shift+⿏标点击实现选中
⿏标拖动整个图表
⿏标滚轮实现放⼤/缩⼩功能
单击连线+⿏标拖动添加新连接点
单击节点端⼝，添加新连接
快速开始
安装
yarn install storm-react-diagrams//ornpm install storm-react-diagrams
引⼊JS⽂件
es6：
import * as SRD from "storm-react-diagrams"
reqiure：
var SRD = require("storm-react-diagrams)
js：
引⼊css
确保你已经启⽤了style-loader
require("storm-react-diagrams/dist/style.min.css");
或者确保你启⽤了sass-loader
require("storm-react-diagrams/src/sass/main.scss");
react native

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。