2024-10-30 21:10:32
555
970
上个我记录的relation-graph关系图本来是以后有需要我可以翻阅自己的博客可以当作备胎，使用的时候看一下让自己也知道还有个这么个不错的库，新的项目要有一个流程编辑器，relation-graph提供例子，无论动画效果还是操作手感都挺不错，唯一的遗憾是阅读示例代码要钱（上一个文章C友留言说VIP的，我本以为可以一直白嫖B站视频，没想到要再次白嫖的时候，一个都找不到了），所以我选择了这个，还是阿里实在，不搞vip文档那些。_antv x6
2024-10-13 20:10:43
738
291
Vue Flow 是一个轻量级的 Vue 3 组件库，它允许开发者以简洁直观的方式创建动态流程图。本篇文章记录一下Vue Flow的基本用法安装登录后复制 npm add @vue-flow/core1.流程图的构成Nodes、Edges、Handles主题默认样式通过导入样式文件应用登录后复制 /* these ar..._vue flow流程组件
2024-08-22 23:08:57
868
343
1.使用 paletteProvider 同名参数 覆盖 默认 paletteProvider 构造函数2.使用PaletteProvider配置自定义Palette});group: "任务",title: "输出标签",action: {},});"palette","create",3.向additionalModules中添加自定义扩展});4.效果图// 渲染外层边框//修改外层边框样式// 自定义节点x:11,_bpmnjs自定义节点属性
2024-08-16 22:08:26
820
885
如何在前端用js绘制流程图？VueFlow是一个优质的选择。VueFlow是什么？VueFlow怎么用？Vue Flow的特点就是，什么都可以要，什么都要自己写。相比于mermaid来说，Vue Flow接受的数据更复杂冗长，并且预定义的内容极少，连默认的布局都没有（节点通过position控制位置，很容易重叠）。但是Vue Flow提供的自定义API非常丰富并且强大。如果您想发挥自己天马行空的想象力，或者满足复杂的项目流程需求，Vue Flow一定能满足您的预期。_vueflow
2024-07-08 09:07:58
30
929
import 'element-ui/lib/theme-chalk/index.css' // ui css 样式导入。_flowable vue
2024-06-24 02:06:01
525
274
基于某种类型节点改动可继承该类型节点类，若需要自定义整个节点则需继承htmlNode类去自定义构建html节点${const {const { ` el . innerHTML = html // 需要先把之前渲染的子节点清除掉 rootEl . innerHTML = '' rootEl . appendChild(el) } } export default {const {const {_logicflow vue
2024-05-19 09:05:27
824
543
内容概述本系列“vue项目中使用bpmn-xxxx”分为七篇，均为自己使用过程中用到的实例，手工原创，目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。如果转载或通过爬虫直接爬的，格式特别丑，请来原创看：我是作者原文前情提要前面我们讨论了bpmn流程图的基本绘制、添加节点颜色等，本次我们来说，如..._vue 2xml流程图
2024-05-10 22:05:03
528
380
Draw.io是一款免费的在线图表绘制工具，用于创建各种类型的图表和图形，如流程图、组织结构图、UML图、网络拓扑图、思维导图等。它提供了一个直观易用的界面，可以通过拖放和连接不同的图形元素来创建和编辑图表。Draw.io支持多种常见的图表类型，包括流程图、组织结构图、UML图、网络拓扑图、思维导图、ER图等。您可以选择适合您需求的图表类型，并根据需要进行自定义。通过简单的拖放和连接操作，您可以轻松地添加、移动和连接不同的图形元素。_drawio文件
2024-04-29 11:04:30
269
435
这个是自己写着玩的，利用@antv/g6自定义绘制流程图，然后保存到localstorage中，在左侧表格展示，还可以通过表格操作来查看对应的流程图以及删除；这里特别注意一下，，vue版本是2.5.x；下面我会把实现代码全部粘贴出来，不需要需改，开袋即食，放到你的项目中直接可以展示；代码中我也会加上注释，不懂的可以看注释；_使用antv/g6做网络拓扑图编辑器
2024-03-27 10:03:11
458
664
记录一个vue可以绘制流程图的插件 flowchart-vue。_vue流程图插件
2024-03-12 01:03:16
621
912
当然这是我的练习，方便大家观看，如果有什么问题可以私信我。之后就是对 其中的方法进行调用即可，废话不多说，直接上代码。第一步：需要一个flow.js作为依据，可自取。之后再你的组件中将这个文件引入，_vue流程图组件
2024-03-12 00:03:32
946
666
在vue项目中，使用AntV X6实现节点和画布、连线的配置，非常灵活，一旦会用后有相当多的方法可以使用，自由度和定制度高。还有许多用法可以实现，如点击执行指令显示流程图的动画运行流：还有自定义的布局等剩下的其他拓展方法等我下次整理了再发，今天这篇太长了，肝不动了TvT。_vue使用antv x6实现流程图