GooFlow流程图绘制插件

亦凉 2022-06-16 02:06 276阅读 0赞

var property = {
        width: 1200,
        height: 600,
        toolBtns: ["start round", "end round", "task round", "node", "chat", "state", "plug", "join", "fork", "complex mix"],
        haveHead: true,
        headBtns: ["new", "open", "save", "undo", "redo", "reload"], //如果haveHead=true，则定义HEAD区的按钮
        haveTool: true,
        haveGroup: true,
        useOperStack: true
    };
    var remark = {
        cursor: "选择指针",
        direct: "结点连线",
        start: "入口结点",
        "end": "结束结点",
        "task": "任务结点",
        node: "自动结点",
        chat: "决策结点",
        state: "状态结点",
        plug: "附加插件",
        fork: "分支结点",
        "join": "联合结点",
        "complex mix": "复合结点",
        group: "组织划分框编辑开关"
    };
    var demo;
    $(document).ready(function() {
        demo = $.createGooFlow($("#demo"), property);
        demo.setNodeRemarks(remark);
        //demo.onItemDel=function(id,type){
        //	return confirm("确定要删除该单元吗?");
        //}
        demo.loadData(jsondata);
    });
    var out;
    function Export() {
        document.getElementById("result").value = JSON.stringify(demo.exportData());
    }

以json格式在线导出绘制结果

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中BPMNJS插件使用及汉化(Activiti绘制流程图插件)

BPMNJS插件运行最重要的就是需要安装nodejs插件，这不一定要安装和测试好。主要是使用npm命令 1、配置BPMNJS插件绘制activiti7工作流 ![9

短命女/ 2023年10月14日 10:05/ 0 赞/ 15 阅读

相关 VSCode 画流程图插件

推荐的是一款 VSCode 流程图画图插件，它就是 vscode-drawio，即将 draw.io 集成进 VSCode 中。项目地址： https://githu

- 日理万妓/ 2023年03月01日 13:38/ 0 赞/ 37 阅读

相关绘制一个 Activiti BPMN 流程图

文章目录 1 摘要 2 流程绘制 2.1 流程绘制 2.2 指定代理人

忘是亡心i/ 2023年03月01日 09:27/ 0 赞/ 68 阅读

相关 bpmn（一）idea流程图插件安装

一、社区版安装： 1、点击菜单【File】-->【Settings...】打开【Settings】窗口。 2、点击左侧【Plugins】按钮，在右侧输出＂actiBPM＂，

朴灿烈づ我的快乐病毒、/ 2023年01月22日 14:00/ 0 赞/ 32 阅读

相关 PowerPoint绘制圆形流程图

如图所示，都是一些普通的元素 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNz

约定不等于承诺〃/ 2022年12月30日 08:29/ 0 赞/ 431 阅读

相关 GooFlow流程图绘制插件

var property = { width: 1200, height: 600, toolBtns: ["start

亦凉/ 2022年06月16日 02:06/ 0 赞/ 277 阅读

相关流程图绘制——visio

1、（破解后可以导出图片格式） ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

ゝ一世哀愁。/ 2022年03月08日 16:28/ 0 赞/ 658 阅读

相关流程图怎样绘制，绘制流程图两种方法介绍

　　流程图也渐渐向办公软件开始转移，现在用的地方是越来越多了，在办公中一个绘制详细的流程图就可以省去很多时间以及不必要的麻烦，相信对办公软件的熟练应用也是很多在职人员不可缺少的

你的名字/ 2022年01月13日 00:45/ 0 赞/ 453 阅读

相关流程图制作: BPMN流程图在线绘制

bpmn BPMN（业务流程建模符号）是业务流程建模现代化的标准，由BPMI符号工作组五月制定2004年版的2.0 BPMN发布于2010年在英国最初的规范写由对象管理

ゝ一世哀愁。/ 2022年01月11日 00:21/ 0 赞/ 1628 阅读

相关 Web流程图绘制使用raphael

[林炳文Evankaka][Evankaka]原创作品。转载请注明出处[http://blog.csdn.net/evankaka][http_blog.c

矫情吗；*/ 2021年09月10日 14:44/ 0 赞/ 445 阅读