jsplumb

jsPlumb、mxGraph和Antv x6实现流程图选型

解决方案结合我们项目以及主流解决方案，提供以下几种方案：序号技术栈性质是否开源说明1jsPlumb国外框架社区版、商业版中台项目现有方案2mxGraph国外框架开源比较有名的开源绘图网站draw.io（
前端蜗牛君·2024-01-15 00:30

jsPlumb你真的会用吗？

jsPlumb简介jsPlumb是一个开源的库,用于在网页上创建、连接和管理各种流程图、关系图等交互式连接线的应用。该库以JavaScript编写,通过SVG和HTMLCanvas来渲染交互性连接线。
前端讲堂-鸿蒙课堂·2023-12-18 17:43

antV G6中以html为节点的自动分层布局数据可视化详解

2019独角兽企业重金招聘Python工程师标准>>>背景选型现有系统中的业务流、组件流等展示是基于jsPlumb手动拖拽生成的。随着系统接入的公司越来越多，大量的CMDB关系数据自动展示迫在眉睫。
weixin_34310127·2023-11-26 02:03

基于JsPlumb的流程设计器FlowDesigner

基于JsPlumb的流程设计器FlowDesigner项目介绍前段时间项目中缺少一个流程设计器模块，于是花了一个来月的时间从技术选型到开发再到功能完善搞了一个流程设计器。
十八岁程序员想当歌手·2023-11-20 19:42

拓扑图编辑器-jsplum导入和设置

前言jsplumb有2个版本：ToolkitEdition（付费版），功能集成的比较丰富，demo完善CommunityEdition（社区版本），很多功能都没有，需要自己添加最终我用的CommunityEdition
宁小姐的慢时光·2023-11-02 13:43

【web系列十四】Jsplumb画布使用方法

目录写在前面Jsplumb介绍jsplumb是什么安装和导入方式基本概念主要方法介绍getInstance()addEndpoint()draggable()开发建议jsplumb开发实战实现关系图的显示数据数据转换
Nicholson07·2023-10-28 09:24

关于AntV-X6在Vue里面是使用【AntV 1.X，Vue2的版本】

以前用的jsplumb，后面发现了这个蛮好用的，记录一下。组件功能可以拖拽添加节点，修改编辑节点样式（默认四个链接桩）可以添加连
andcen·2023-09-26 16:38

Vue 3 + TypeScript + jsplumb

网上搜了很久，没有找到基于vue3写的jsplumb，如是写了一个简单版，已开源Vue3+TypeScript+jsplumb支持回显，拖拽，连线的基础功能
ur home·2023-09-20 22:38

基于antd+vue2来实现一个简单的绘画流程图功能

弹框中使用组件：3.组件的文件结构：FlowDesigner.vue代码如下工具基础节点{{commonNode.name}}泳道节点{{laneNode.name}}importjsplumbfrom'jsplumb'import
可可爱爱的你吖·2023-09-09 09:22

jsPlumb的学习使用(三):常规流程图完成

这篇文章就给大家展示个人的一个jsplumb成品,也是放在自己的项目之中.注释我基本上也都写好了,但是目前代码还没有进行整理,还有很多的测试痕迹以及备注打印.先说包含的功能:1.将节点拖拽到画布,精准放置画布内
青阳流月·2023-09-07 06:52

jsPlumb的学习使用(四):个人总结在开发流程图的思路和API使用

是自己在开发中总结的,并不全面,但是完成自己上一篇的那个图形,绝对是够用了,自己后面也会不断完善,更新的博客里面.这里就不展示代码,上一篇就是完整代码,这里相当于是对上篇文章的代码进行一个解读使用的库vue开发框架jsplumb
青阳流月·2023-09-07 06:52

jsPlumb的学习使用(一):引入项目和基础示例

简介jsplumb是一个可以用来实现可视化功能的前端应用库,如果在开发过程中遇到需要实现一些流程图、拓扑图或者是导力图等可视化的功能,就可以使用jsplumb这个库来实现.在文章中,我就不将api具体的每一个参数都罗列出来了
青阳流月·2023-09-07 06:22

前端流程图插件jsPlumb教程附一个简单demo

目录1，前言2，API介绍2.1，基本概念2.2，连接两个节点2.3，可拖动节点2.4，给连接加上箭头2.5，增加一个端点2.6，拖动端点连线2.7，限制节点拖动区域2.8，给链接添加点击事件：点击删除连线2.9，指定端点连接2.10，一个端点拖拽出多条连线3，实现代码3.1，先初始化3.2，设置连线和端点的样式**3.3，左侧初始元素开启拖动3.4，在右侧界面放置节点3.5，鼠标进入和移出新节点
鹏多多.·2023-08-29 21:20

jsplumb实现流程图

本篇文章介绍使用jsplumb实现的一个流程图，将实现效果和代码贴到下面，由于初次使用jsplumb，代码写的比较粗糙。本文章的工程代码可以点击查看下载，欢迎一起讨论学习。
jshan·2023-08-25 14:02

vue使用jsplumb 流程图

安装jsPlumb库：在Vue项目中使用npm或yarn安装jsPlumb库。npminstalljsplumb创建一个Vue组件：创建一个Vue组件来容纳jsPlumb的功能和呈现。
茶荼·2023-08-18 05:12

Controller路由图表拖拉实现

基于jsPlumb实现的可拖拽自定义流程图jsplumb教程jsplumb-chinese-tutorial
henry技术探索记录员·2023-08-17 14:30

【已开源】基于jsPlumb.js的模仿sqlFlow数据血缘图的前端页面

通过大佬的类似demo发现了jsplumb这个连线库。然后看文档和github一些demo捣鼓出来了。
mizuhokaga·2023-06-18 07:30

Gojs组件------前端图形化插件之利器

阅读目录前言一、组件效果预览二、初次接触1、Gojs简介2、使用入门三、综合效果1、自定义流程的使用2、工业流程图四、总结五、附三中①②代码前言之前分享过两篇关于流程画图的前端组件，使用的jsPlumb
rainux.·2023-06-09 07:07

html js 流程图,详解js中构造流程图的核心技术JsPlumb

项目里面用到了Web里面的拖拽流程图的技术JsPlumb，其实真不算难，不过项目里面用HTML做的一些类似flash的效果，感觉还不错，在此分享下。
weixin_39641386·2023-04-19 16:44

绘图框架（relation-graph、jsPlumb、mxGraph、GoJS、Vis.js）

不稳定没有内置导航器(收费版是有这个功能的)没有智能布局功能没有做图层管理没有集成截图功能画布没有边界自动扩充功能mxGraph相较于jsPlumb更好GoJSGoJS是
蜗牛与藤曼·2023-04-15 09:19

二、可视化流程图工具集成

因为主要使用的是vue进行开发，而流程图绘制工具主要也就那么几个，jsplumb、Jtopo这些都是比较成熟的绘制工具了，直接使用的话有点复杂，样式也不是很好看，找了半天找到一个比较简单的，学习下easy-flow
大鱼_f09b·2023-03-18 06:40

基于jsplumb构建的流程设计器

项目背景最近在准备开发工作流引擎相关模块，完成表结构设计后开始着手流程设计器的技术选型，调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发，保证定制化的便捷性，相关效果图及项目地址如下项目地址
·2023-02-19 18:40

vue项目中使用Jsplumb总结

最近做的一个项目，用到了jsplumb，网上搜刮了一圈发现jsplumb的文章是不少，但是都解释的很笼统，而且大部分是合jquery配合使用的。
1024AAA·2023-02-03 16:29

vue：使用jsPlumb实现连续题：支持滑动连线和点击连线

前言最近在做一个互动题板管理项目，主要负责开发互动题板的连线题，由于时间紧凑，一番search之后决定使用jsPlumb来做，本身jsPlumb做的是可以滑动连线的，奈何产品要同时兼容点击，我想做过拖拽的前端小伙伴知道
·2023-01-30 21:13

jsplumb无法监听页面DOM更新

这个问题困扰了我很久，网上也没找到什么记录方法，这里就记录一下image.png需求是这样的，点击可以折叠下面表格字段，连线连到外面的表头上，但是由于jsplumb并不知道dom变化了，所有连接点leftcenter
zjm_b5fe·2023-01-28 03:25

jsPlumb 工具包对虚线背景的支持

jsPlumb工具包对虚线背景的支持gridType通过参数(“dotted”或“lines”)在生成的网格中添加了对虚线背景的支持。默认为行。
SEO-狼术·2022-09-29 16:18

.NET 开源工作流: Slickflow流程引擎高级开发(十) -- BpmnJS流程设计器集成

前言:在Slickflow产品开发过程中，前端流程设计器经历了几个不同的版本(jsPlumb,mxGraph等)，目的是为了在设计流程时的用户体验更加良好，得到客户的好评和认可。
slickflowteam·2022-08-29 21:00

vue+jsplumb实现工作流程图的项目实践

最近接到一个需求——给后台开发一个工作流程图，方便给领导看工作流程具体到哪一步。先写了一个demo，大概样子如下：官网文档Home|jsPlumbToolkitDocumentation先安装插件npminstalljsplumb--save安装panzoom，主要用于鼠标滚轮缩放流程图npminstallpanzoom--save在需要的页面引入插件importpanzoomfrom'panzo
·2022-04-15 14:26

jquery.jsPlumb实现拓扑图

基于jquery.jsPlumb编写拓扑图要求：实现公司组织结构拓扑关系，可展开，可收拢；动态数据展示；叶子节点可点击；实现办法：1国内还有一个插件也比较简单，但是该插件只能全部展开，并不能收拢，放弃了该办法
·2022-03-31 10:28

vue3.x 使用jsplumb实现拖拽连线

本文实例为大家分享了vue3.x使用jsplumb实现拖拽连线的具体代码，供大家参考，具体内容如下如果想在vue2里面使用jsplumb可以查看文章，下面讲解如何在vue3.x里面使用jsplumb进行拖拽连线
·2022-03-29 18:46

vue+jsplumb实现连线绘图

vue+jsplumb实现连线绘图，供大家参考，具体内容如下jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。
·2022-03-29 18:45

jsPlumb使用html2canvas无法识别svg

使用VFD流程设计器图片下载问题利用html2canvas处理svg生成canvas，之后在利用canvas转成base64进行图片展示使用html2canvas对svg线条没有显示问题，实际画出的流程图为但是点击生成流程图片的时候线条却不见了原因是因为利用html2canvas处理svg成canvas时是异步进行，还没有生成出来就画canvas肯定就没有了呀解决办法这个是点击生成图片的方法VFD
子义间·2022-03-18 03:36

vue使用jsPlumb做流程(网站笔记)

教程这里中文文档也有小demo（挺详细）--github--排版好看一点的githubJsPlumbdemo这是我翻了这么多里面逻辑写的很好的最容易理解的demo大佬demo可以看他重做和撤销官方文档撤销重做总体来说除了撤销重做都挺好弄
略懂前端萌新·2021-08-19 17:09

vue+jsPlumb实现业务流程图

先上效果图image.png1、vue引入jsPlumbimportjsPlumbfrom'jsplumb'window.jsplumb=jsPlumb.jsPlumb;2、使用jsPlumb动态绘制流程图
WebGiser·2021-06-15 03:49

jsplumb教程代码补全

，决定使用jsplumb.js来绘制。发现这篇博客入门还不错，代码也很清晰。从控制台补充扒了一些css代码，这样更便于学习。2.0连接两个节点#diagramContainer
_SinF_·2021-06-14 16:42

工作流引擎

技术选型：前端：vue、element-UI、jsPlumb后端：Java8、SpringBoot、JPA、Mybatis、Redis、MySql访问地址(用户名/密码：admin/123456)：
魑魅魍魉_5a55·2021-06-07 19:35

一个超级棒的VUE流程设计器

今天小编推荐一款流程设计器easy-flow，easy-flow基于VUE+ElementUI+JsPlumb的流程设计器，通过vuedraggable插件来实现节点拖拽。
·2021-02-05 05:17

一个超级棒的VUE流程设计器

今天小编推荐一款流程设计器easy-flow，easy-flow基于VUE+ElementUI+JsPlumb的流程设计器，通过vuedraggable插件来实现节点拖拽。
·2021-02-04 14:07

JsPlumb+vue 实现拖拽连线，点击删除连线节点

JsPlumb实现拖拽连线，点击删除连线，点击删除节点标题参考网上的代码写的练习实现的功能拖拽连线：设置静态端点，端点自带拖拽连线的功能点击连线删除该连线：plumbIns.deleteConnection
stormeye_·2020-12-31 17:31

jsPlumb使用简述

1.jsPlumb的作用：用于绘制dom元素之间的连线的一个框架，需要一个开始点的id,以及结束点的id就可以进行连线。
枉为·2020-12-23 16:19

jsPlumb使用简述

1.jsPlumb的作用：用于绘制dom元素之间的连线的一个框架，需要一个开始点的id,以及结束点的id就可以进行连线。
枉为·2020-12-23 10:03

ABP+WorkflowCore+jsplumb实现工作流

前言ABP目前已经是很成熟的开发框架了，它提供了很多我们日常开发所必须的功能，并且很方便扩展，让我们能更专注于业务的开发。但是ABP官方并没有给我们实现工作流。在.netcore环境下的开源工作流引擎很少，其中WorkflowCore是一款轻量级工作流引擎，对于小型工作流和责任链类型的需求开发很适合，但只能通过后台编码或者json的方式定义工作流程，看了源码后觉得扩展性还是挺好的，至少能满足我的需
Metto·2020-09-28 11:00

【插件】jsPlumb 删除节点以及节点间的连线

){//移除节点的端点及节点之间的连线if(activities)$.each(activities,function(i,activeitem){vardivID=activeitem.ActId;jsPlumb.detachAllConnections
anken1536·2020-09-16 11:43

SVG 绘制流程图相关Web插件

//flowchart.js.org/http://www.jointjs.comhttp://gojs.net/latest/index.htmlhttp://d3js.orghttp://www.jsplumb.org
blacklife00544·2020-09-10 12:57

拓扑图编辑器-jsplumb事件

jsPlumb支持绑定到Connections，Endpoints和Overlays上的几个不同事件，以及jsPlumb对象本身。
宁小姐的慢时光·2020-08-24 12:13

基于G6和Vue的可视化图形编辑器

项目初期研究过jsplumb，不是很理想，后来就着手拿SVG直接堆一个出来，初版开发完基本满足需求。在经过了3个版本的迭代后，算是有一个比较成型的编辑器了，下面简单介绍一下。V1.0该
OXOYO·2020-08-22 13:00

记一次绘图框架技术选型: jsPlumb VS mxGraph

公司项目需要用到绘图框架，绘图部分以前是另一位同事负责，用的是jsPlumb框架。由于人员流动，后来这部分我接手了。
yejinzhan·2020-08-22 10:51

记录一下工作遇到的bug

1、在跨域的情况下没有办法拿到response的headersX-AUTH-TOKEN在后台设置允许跨域之后response的headers里边有很多东西已经拿不到了2、jsplumb的label冲突在做
weixin_34308389·2020-08-21 11:46

（一）EasyFlow使用教程，怎么集成

下载源码在自己的vue工程中找到package.json，在dependencies中引入如下依赖（不用额外引入jsplumb）"element-ui":"2.9.1","lodash":"4.17.15
萌级-小菜鸟·2020-08-19 20:25

ETL平台搭建跳坑系列之jsplumb.js使用

目前已经实现基于jsplumb.js的部分功能：拖拽生成节点（含anchor），设置节点可动，删除节点，删除链接，获取所有链接信息等之后会对功能进行完善。
一只开心的前端小白·2020-08-18 01:44
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他