位置: IT常识 - 正文

前端实现可拖拽流程的js框架(前端实现拖拽拉动图片)

编辑:rootadmin
前端实现可拖拽流程的js框架 1 AntV

推荐整理分享前端实现可拖拽流程的js框架(前端实现拖拽拉动图片),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端实现拖拽排序,前端实现拖拽一个元素放到页面的任意位置,前端实现拖拽功能,前端实现拖拽排序,前端实现拖拽布局完成界面,前端实现拖拽功能,前端实现拖拽布局完成界面,前端实现可拖拽弹窗不影响页面操作,内容如对您有帮助,希望把文章链接给更多的朋友!

X6 是 AntV 旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建 DAG 图、ER 图、流程图等应用。

XFlow是基于 X6 图编辑引擎、面向 React 技术栈用户的专业图编辑应用级解决方案, 帮助您轻松开发复杂的图编辑应用。目前已经在蚂蚁大数据/人工智能场景中深度打磨验证

# AntV首页,关注 X6 | XFlowhttps://antv.vision/zh# 样例https://x6.antv.vision/apps/dag/# X6https://x6.antv.vision/zh# XFlowhttps://xflow.antv.vision/zh-CN/

2 jsplumb

有收费版和社区版(开源)两个版本。

大神中文地址:https://wdd.js.org/jsplumb-chinese-tutorial/#/大神中文GitHub地址:https://github.com/wangduanduan/jsplumb-chinese-tutorial社区版官方社区文档(2.X):https://docs.jsplumbtoolkit.com/community-2.x/current/项目Github地址: https://github.com/jsplumb/jsplumb

3 flowchart.js

从图表的文本表示中绘制简单的SVG流程图

# 参考网址http://flowchart.js.org/

4 bpmn-js前端实现可拖拽流程的js框架(前端实现拖拽拉动图片)

bpmn-js是一个BPMN 2.0渲染工具,前端可以利用这个流程设计器,设计流程。

# 网站https://bpmn.io/toolkit/bpmn-js/

5 LogicFlow

LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。

# 参考网址http://logic-flow.org/

6 flow-eda

flow-eda 项目是一种基于事件驱动的流式低代码编程应用程序,它的主要功能是采用可视化编程,以拖拽节点、连接组合节点的形式来完成流程绘制,达到低代码开发和实现业务编程的目的。

https://gitee.com/Linxff/flow-eda

7 vue-super-flow

Vue-super-flow 是基于vue 开发的一款生成、预览流程图的组件。使用者可以根据不同的需求对图、节点、连线进行细致的控制。

# 参考网址https://caohuatao.github.io/guide

8 GoJS

收费

# 参考网址https://gojs.net/latest/index.html

9 JointJS

收费

https://www.jointjs.com/

本文链接地址:https://www.jiuchutong.com/zhishi/277819.html 转载请保留说明!

上一篇:ekrn.exe是什么进程?是病毒吗?ekrn.exe为什么占用内存和CPU?(erl.exe是什么进程)

下一篇:系统更新到OS X Yosemite之后无法登陆的解决方法(系统更新到win11后还可以调回win10吗)

  • 一怀洒脱诠释恬淡(一怀恬淡是什么意思)

    一怀洒脱诠释恬淡(一怀恬淡是什么意思)

  • wifi5g与2.4g怎么切换(wifi5g与2.4g区别怎么切换)

    wifi5g与2.4g怎么切换(wifi5g与2.4g区别怎么切换)

  • t2000显卡什么水平(t20004g显卡)

    t2000显卡什么水平(t20004g显卡)

  • 夏天手机充电很慢(夏天手机充电很烫)

    夏天手机充电很慢(夏天手机充电很烫)

  • wifi欠费是什么状态(wifi欠费是什么意思)

    wifi欠费是什么状态(wifi欠费是什么意思)

  • f8键有什么作用(笔记本f8键没反应啊)

    f8键有什么作用(笔记本f8键没反应啊)

  • 开了权限qq没有声音(开了权限qq没有了怎么办)

    开了权限qq没有声音(开了权限qq没有了怎么办)

  • 华为手机怎么关闭健康使用手机(华为手机怎么关空调)

    华为手机怎么关闭健康使用手机(华为手机怎么关空调)

  • 爱奇艺能不能两人同时用会员登录(爱奇艺能不能两台电脑一起看)

    爱奇艺能不能两人同时用会员登录(爱奇艺能不能两台电脑一起看)

  • 小米9pro支持双电信卡吗(小米9pro支持双扬声器吗)

    小米9pro支持双电信卡吗(小米9pro支持双扬声器吗)

  • 淘宝二维码扫一扫怎么找(淘宝扫二维码能辨别真假吗)

    淘宝二维码扫一扫怎么找(淘宝扫二维码能辨别真假吗)

  • 手机可以屏蔽短信吗(手机屏蔽短信还能收到吗)

    手机可以屏蔽短信吗(手机屏蔽短信还能收到吗)

  • 拼多多免拼卡在哪查看(拼多多免拼卡在哪里查看)

    拼多多免拼卡在哪查看(拼多多免拼卡在哪里查看)

  • 荣耀20pro怎么看后台(荣耀20pro怎么看电池健康)

    荣耀20pro怎么看后台(荣耀20pro怎么看电池健康)

  • enscape怎样才能没水印(enscape操作步骤)

    enscape怎样才能没水印(enscape操作步骤)

  • nh是什么(nh是什么品牌)

    nh是什么(nh是什么品牌)

  • 滴滴出行预付款会退吗(滴滴出行预付款多久退)

    滴滴出行预付款会退吗(滴滴出行预付款多久退)

  • 苹果x省电技巧(苹果x省电设置教程)

    苹果x省电技巧(苹果x省电设置教程)

  • 变频器怎么调(变频器怎么调试参数)

    变频器怎么调(变频器怎么调试参数)

  • 小米小金刚是什么型号(小米小金刚手机配置和价格)

    小米小金刚是什么型号(小米小金刚手机配置和价格)

  • OPPO手机如何定位(oppo手机如何定位对方手机)

    OPPO手机如何定位(oppo手机如何定位对方手机)

  • 华为p30pro耳机孔在哪(华为p30pro耳机孔和充电孔是一体的吗?)

    华为p30pro耳机孔在哪(华为p30pro耳机孔和充电孔是一体的吗?)

  • cad线加粗(cad线加粗不了怎么办)

    cad线加粗(cad线加粗不了怎么办)

  • 刷宝怎么不可以上传作品(刷宝为什么不转了)

    刷宝怎么不可以上传作品(刷宝为什么不转了)

  • 亚马逊全球开店流程(亚马逊全球开店官方网站)

    亚马逊全球开店流程(亚马逊全球开店官方网站)

  • excel怎么缩放表格(ex表格缩放)

    excel怎么缩放表格(ex表格缩放)

  • 鸿蒙怎么绑定电子身份证?鸿蒙绑定电子身份证教程(鸿蒙怎么添加)

    鸿蒙怎么绑定电子身份证?鸿蒙绑定电子身份证教程(鸿蒙怎么添加)

  • 装修行业小规模纳税人增值税专票
  • 应付职工薪酬费用的对应科目
  • 贴现手续费计入投资收益
  • 小企业出租设备分录
  • 进口环节增值税由海关征收吗
  • 应交增值税减免税款
  • 利润表中财务费用是负数怎么算营业利润
  • 建行分期通
  • 中小企业开业税务登记所需资料
  • 房屋预售交款怎么交
  • 出口退税的发票怎么做账
  • 货代行业红字冲正发票怎么做凭证
  • 开完发票业务没收入需要确认收入入账吗?
  • 利息算增值税吗
  • 技术咨询合同包括就特定技术项目提供
  • 所得税为负值是什么意思
  • 财税[2010]121号中的宗地容积率指的是什么?
  • 广告传媒公司的名字
  • 个税生产经营所得B表在哪里
  • 退股支付的现金流量表怎么填
  • 向境外企业付外汇
  • 房地产开发企业的土地使用权计入哪里
  • 营业执照五证合一图片
  • 长期待摊费用摊销明细表
  • 现金日记账期初余额怎么登账
  • 什么是电流定律
  • 单位人工成本计算公式
  • linux的系统配置文件
  • gwsloader.exe是什么意思
  • 残疾人就业保障金
  • 高新技术企业产品是什么意思
  • 接受捐赠旧的固定资产以什么价格入帐
  • 房地产预缴所得税怎么算
  • html5期末大作业智能家具
  • php注册和登录界面
  • 工程建设的项目的划分?
  • less命令怎么用
  • 汇兑损益计算方法有哪些
  • 未开票收入为负数是什么意思
  • java基础变量字节
  • phpcms模板下载
  • 员工领了备用金怎么办
  • 工程施工和工程结算的账务处理
  • 火车票丢了还能再取吗
  • 税法中减除和减退的区别
  • 陈列费计入什么科目
  • 个体户也需要纳税吗
  • 企业所得税债务重组一般性税务处理
  • 管家婆进销存的凭证如何体现?
  • 逾期贷款利息收入增值税和企业所得税纳税义务时间
  • 收回客户货款会计分录怎么写
  • 出售固定资产如何缴纳增值税
  • 收到境外打电话来怎么办
  • 减资步骤
  • 增值税直接减免额怎么做账
  • 会计如何建账做账
  • Windows server 2008下如何安装应用程序
  • win10预览版退回正式版
  • bios和cmos的区别和联系
  • win10出现未知错误
  • xp系统乱了,怎么恢复
  • exfat 打不开
  • mac 查看当前用户
  • ubuntu系统如何设置永不休眠
  • win10文件资源
  • win8远程桌面连接设置
  • cortana可以用于搜索本机文件吗
  • Android FrameAnimatio和Tween补间动画
  • 低端显卡n卡设置
  • ajax动态加载json数据
  • node远程ssh
  • unity3d Human skin real time rendering plus 真实模拟人皮实时渲染 plus篇
  • javascript的对象主要包括
  • python介绍的主要内容
  • jquery属性选择器的基本
  • 手机sd卡满了怎么办
  • 宿州税务总局
  • 新都税务局咨询电话号码
  • 财政资金存在问题
  • 机构改革后地方金融局怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设