精华内容
下载资源
问答
  • ProcessOn 归并排序.pos

    2021-04-03 05:03:36
    ProcessOn 归并排序
  • ProcessOn 红黑树.pos

    2021-04-03 04:57:36
    ProcessOn 红黑树
  • ProcessOn是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等, 您无需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,...
  • ProcessOn vim 指令示意图
  • ProcessOn 数据恢复

    千次阅读 2019-01-19 11:00:22
    周六早晨上班,同事说 ProcessOn 上面的一个思维导图打不开了(一直转圈儿,没有任何内容),这是一个非常重要的思维导图,如果真出现问题,可能以后都不敢用 ProcessOn 了。我同事自己先和客服联系,由于他们周末不...

    在这里插入图片描述
    周六早晨上班,同事说 ProcessOn 上面的一个思维导图打不开了(一直转圈儿,没有任何内容),这是一个非常重要的思维导图,如果真出现问题,可能以后都不敢用 ProcessOn 了。我同事自己先和客服联系,由于他们周末不上班,此事无法解决。

    我自己因为好奇,就想看看自己能不能恢复了,因此有了本文。

    本文不涉及复杂的功能,整个处理过程只使用了 Chrome 浏览器,打开 F12 即可。

    为了能看到正常思维导图的处理过程,先创建一个简单的思维导图,添加一个简单的内容。

    进行下面操作前,先打开 F12 控制台,每次操作前都建议清空 Network 里面的内容。

    对代码不懂的读者可以直接看最后面的代码

    粘贴到浏览器控制台执行按照提示操作即可。

    获取历史

    ProcessOn 有历史功能,因此我第一步想到的是获取历史,然后还原到某个可用的版本。

    下面开始详细的操作步骤:

    1. 按下面方式,点击【历史版本】
      在这里插入图片描述
    2. 查看此时的浏览器请求如下
      在这里插入图片描述
    3. 查看调用的方法(鼠标放到 jquery.js?_…上面就会出现)
      在这里插入图片描述
    4. 看到 loadHistorys,点击该行的链接
      在这里插入图片描述
    5. 由于代码压缩过,点击代码左下角的 {} 按钮进行格式化,然后定位到如下位置
      在这里插入图片描述
      可以看到上面的请求很简单的,复制这段代码修改如下:
    //获取所有历史信息
    $.ajax({
        url: "/diagraming/get_versions",
        data: {
            chartId: '思维导图的 ID,在浏览器地址栏的最后一部分'
        },
        cache: false,
        success: function(g) {
            console.dir(g);
        }
    })
    

    思维导图 ID 就是类似 https://www.processon.com/mindmap/5c427b11e4b03334b5086fdc 这个地址中的 5c427b11e4b03334b5086fdc 部分(该地址不存在,用你自己的地址测试)。执行结果如下:
    在这里插入图片描述
    上述代码执行后,会在控制台输出所有可用的历史版本,而且是倒序排列。展开想要还原的一个版本,示例如下:
    在这里插入图片描述
    复制 definitionId 的值。

    还原到指定的版本

    和前面类似,执行还原操作,查找对应的代码。

    下面是几个操作步骤图。

    1. 点击还原
      在这里插入图片描述
    2. 获取指定版本的配置
      在这里插入图片描述
    3. 对应的代码如下
      在这里插入图片描述
    4. 等待片刻,看到 restore
      在这里插入图片描述
    5. 查看对应代码
      在这里插入图片描述
      上面两段代码都很简单,这里不一一分析,直接来最终的代码。

    完整操作代码

    代码如下:

    //还原到指定的版本
    (function restore(){
        //根据当前浏览器地址获取 id
        var MAX_HISTORY_LENGTH = 10;
        var href = window.location.href;
        var chartId = href.substr(href.lastIndexOf('/') + 1);
        //获取所有历史
        $.ajax({
          url: "/diagraming/get_versions",
          data: {
              chartId: chartId
          },
          cache: false,
          success: function(historyResp) {
              if(historyResp && historyResp.list){
                  //获取最近 MAX_HISTORY_LENGTH 个历史
                  var historyList = historyResp.list;
                  var historyLength = historyList.length > MAX_HISTORY_LENGTH ? MAX_HISTORY_LENGTH: historyList.length;
                  if(historyLength == 0){
                    alert('当前没有历史版本,无法选择还原!');
                    return;
                  }
                  var historyHtml = '清选择要还原的历史版本:\n';
                  for(var i = 0; i < historyLength; i++){
                    var h = historyList[i];
                    historyHtml += '\n';
                    historyHtml += i + '. ' + h.fullName + ' <' + h.remark + '> : ' + h.createDate;
                  }
                  historyHtml + '\n 请输入要还原历史的序号:';
                  var choose = prompt(historyHtml);
                  if(choose === null){
                    return;
                  }
                  try {
                    choose = Number(choose);
                  } catch(e){
                    alert('输入错误:' + e);
                    return;
                  }
                  if(choose > historyLength){
                    alert('序号超过可选范围');
                    return;
                  }
                  //获取历史详细信息
                  $.ajax({
                      url: "/diagraming/get_versiondef",
                      data: {
                          id: historyList[choose].definitionId
                      },
                      success: function(b) {
                          if (b.def == null) {
                            alert('历史不存在');
                            return
                          }
                          if(confirm('确认要还原吗?')){
                            $.ajax({
                              url: "/mindmap/restore",
                              type: "post",
                              data: {
                                def: b.def,
                                chart_id: chartId,
                                ignore: "def"
                              },
                              success: function() {
                                alert('还原完成,刷新查看');
                                window.location.reload();
                              }
                            })
                          }
                      }
                  })
              }
          }
      });
    })();
    

    用法:

    1. 用谷歌或者急速内核浏览器打开有问题的思维导图
    2. 按 F12 打开控制台
      在这里插入图片描述
    3. 如上图,切换到 Console 标签,在下面输入框粘贴上述代码,回车执行
    4. 按照下面提示进行操作
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述
      最后确定后浏览器会自动刷新,此时可以看到效果。
    展开全文
  • process on绘图教程

    千次阅读 2019-04-30 20:16:27
    process on绘图教程 在学习和工作工程中常常会用到流程图,虽然用word、WPS(word processing system)也能绘制流程图,但是使用方法较为复杂,操作起来也不是很方便,尤其是word的图片排版有时候让人很难受。 下面给...

    process on绘图教程

    在学习和工作工程中常常会用到流程图,虽然用word、WPS(word processing system)也能绘制流程图,但是使用方法较为复杂,操作起来也不是很方便,尤其是word的图片排版有时候让人很难受。
    下面给大家介绍使用process on来绘制流程图,操作方法很简洁方便。
    一、首先登录process on官网添加链接描述,可以看到界面如下:

    在这里插入图片描述
    process on有个非常大的好处,那就是它不需要安装软件,仅仅使用在线网站就能进行图形绘制。
    二、进入主界面,点击新建。可以看到有多种类的图可以选择,包括流程图、思维导图、原型图、UML、网络拓扑图、组织结构图和BPMN等图形。
    在这里插入图片描述
    来仔细学习一下快捷键列表:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    以绘制流程图为例,在实际应用中比较常用得到的有T(插入文本)、I(插入图片)、L(添加连线)。
    三、在上方的菜单栏当中,除了word当中常用的到的复制、剪切、粘贴、加粗之外,还可以设置上下层流程图,并且可以插入图片、网络链接等。
    在这里插入图片描述
    四、在界面的左侧,有常见的图形可供选择,里面包含了流程图当中常常用得到的图形,逻辑图形一应俱全。
    在这里插入图片描述在这里插入图片描述在这里插入图片描述
    五、进入正式的绘图阶段。
    将要用到的流程图基本图形从左侧拖拽出来,然后在上面加上备注、连线等操作。具体过程比较简单,这里不再赘述。以下是一张绘制好的图形参考。
    在这里插入图片描述
    增加流程图分级数如下:
    在这里插入图片描述
    Tips:有些初学者在刚刚接触process on时不太熟悉,可能不知道如何绘制无箭头的线条。在process on中,默认线条是有箭头的,如果想要把箭头去掉,则选中那条线条,然后在“起点”或者“终点”选项里面选择第一个选项,双击即可将箭头去掉。
    在这里插入图片描述
    效果如下:
    在这里插入图片描述

    展开全文
  • ProcessOn导出高清透明png图片

    万次阅读 2019-04-16 23:18:59
    ProcessOn导出高清透明png图片 文章目录[ProcessOn导出高清透明png图片](http://yanghuangblog.com/index.php/archives/11/)ProcessOn简介解决ProcessOn透明问题思维导图透明问题其他模式透明问题解决ProcessOn导出...

    ProcessOn导出高清透明png图片

    ProcessOn简介

    ProcessOn在线作图,目前无论是在功能(架构图、线框图、思维导图)和协作上,都是首屈一指的。

    但实际使用中,会遇到一个问题,导出的png,或者不透明,或者分辨率太低,在PPT中效果很差。

    最终在Mac环境下,使用ProcessOn设置透明导出svg,然后使用Gapplin把svg导出400%大小的高清png,满足需求。

    解决ProcessOn透明问题

    在ProcessOn中,设置背景透明,然后再导出的png或svg,就是透明的。

    思维导图透明问题

    思维导图,默认是不透明,需要选中脑图主题进行设置:

    其他模式透明问题

    解决ProcessOn导出png文件模糊问题

    ProcessOn默认导出的png,分辨率较低,放大后非常模糊。

    所以改为导出矢量文件svg,然后再将svg用其他工具导出高清png文件。

    在线svg导出png

    没找到合适在线工具!!!不是无法透明,就是不支持文字,放弃!

    Mac环境下svg导出png

    尝试过若干工具,最后只有gapplin可以保留svg中的文字,保留透明度。

    且可以导出高清png,在导出时选择scale 400%,就相当于清晰度提高4倍。

    Windows环境下svg导出png

    还未尝试……

    展开全文
  • processon快捷键

    2018-06-01 17:25:59
    processon快捷键 引用链接 https://www.cnblogs.com/mogutou/p/7479969.html

    processon快捷键

    引用链接

    https://www.cnblogs.com/mogutou/p/7479969.html

    创建抽象类的时候遇到的问题

    没法通过工具栏里的斜体实现抽象类,可以使用编辑文本斜体的快捷键 Ctrl + I,具体使用方法是,双击选中需要变成斜体的文本,然后使用快捷键

    展开全文
  • processOn在线制图工具

    2018-07-03 17:29:46
    推荐一款在线制作流程图的工具-processon官网地址: https://www.processon.com/
  • 使用ProcessOn在线画流程图

    千次阅读 2019-04-14 16:09:33
    项目中经常需要用到流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等,这个时候一个好的画图工具是必不可少了,你可能会使用Microsoft Visio工具,我在这里推荐使用ProcessOn,在线工具,...
  • 然后我的电脑上装的office2013并没装viso,于是就在网上搜了下有什么替代品,发现还真有不少呢,其中个人觉得很不错的免费在线工具:ProcessOn。 简介:ProcessOn是一个方便易用、免费高效的在线作...
  • processon如何画重叠部分

    千次阅读 2019-03-03 13:24:40
    processon如何画重叠部分 重叠圆形 效果前: 效果后: 注意看右边部分,只用选中当前圆形,选出右边图形边框,把默认的“颜色”调整为“无”就可以 剩下的其他图形举一反十,processon中都是 这样...
  • 工具-简单介绍ProcessOn线上画图

    千次阅读 2017-10-18 13:04:07
    ProcessOn的实用性标签 : ProcessOn 简单说明书 线上 流程图 UML 原型 软件 工具ProcessOn简介ProcessOn是一款线上绘制流程图、原型、UML、网络拓扑图、组织拓扑图、BPMN等图形非常便利的工具,有需要的朋友可以...
  • Suppression of epidemic spreading process on multiplex networks via active immunization
  • https://www.processon.com/  
  • ProcessOn在线画图

    千次阅读 2016-08-04 23:54:56
    ProcessOn是一个面向垂直专业领域的作图工具和社交网络,成立于2011年6月并于2012年启动。ProcessOn将全球的专家顾问、咨询机构、BPM厂商、IT解决方案厂商和广泛的企业用户紧密的连接在一起,提供基于云服务的免费...
  • 十分钟入门Processon思维导图

    千次阅读 2018-09-24 11:44:36
    今天给隆重大家介绍一个免费的在线思维导图工具Processon,十分钟教大家如何快速使用Processon. 目录 1.注册和登录 注册 在浏览器中输入processon首页地址Processon思维导图​ 点击注册按...
  • 想注册一个processon,画点流程图什么的,结果在腾讯优图的图形验证码阶段过不去了,拖动补全验证了一个又一个图,就是不让验证通过。 我已经在腾讯优图的bug上报页面提交了一个bug,不过,过了几天了,到2019年1月...
  • processon画图笔记

    2018-09-27 15:28:01
    ProcessOn是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等, 可以把作品分享给团队成员或好友,无论何时何地大家都可以对作品进行编辑、阅读和评论 ...
  • ProcessOn - 免费在线作图,思维导图,流程图,实时协作,网页版的在线做各种图片,方便在任何情况下,只要登录就可以制图,方便你我他
  • 使用ProcessOn绘制类图

    千次阅读 2020-03-17 15:05:35
    网站ProcessOn 可用QQ直接进入 具体操作为:新建->UML->找到类图后移出来按自己的类填充 图像: 1.进入UML后 2.左侧图像栏往下找到UML类图,这次我选择第三个拉出来 3.自己填充后修改即可 4可以多拉几个,...
  • processon是一个非常好用的在线绘图网站, 它支持在线绘制流程图、思维导图、思维笔记、原型图、UML、网络拓扑图、组织结构图和BPMN, 功能非常齐全. 除此以外它还有很多漂亮的模板供选择使用. 但是, 普通的免费注册...
  • 在线作图工具ProcessOn

    2017-04-01 16:39:19
    ProcessOn,一款免费在线作图工具,支持 Flowchart、EVC、EPC、BPMN、UML 以及UI和iOS等不同类型图 https://www.processon.com/#
  • processon很厉害的思维导图

    千次阅读 2020-07-15 16:33:39
    1:JVM数据模型:https://www.processon.com/view/5d69de55e4b09176f306003d?fromnew=1#map https://www.processon.com/view/5b3b366ce4b0d3d5d0b4a968?fromnew=1#map 2:Spring框架 架构:...
  • ProcessOn在线画流程图介绍

    千次阅读 2020-09-22 15:30:29
    项目中经常需要用到流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等,这个时候一个好的画图工具是必不可少了,你可能会使用Microsoft Visio工具,我在这里推荐使用ProcessOn,在线工具,...
  • 流程图—ProcessOn

    千次阅读 2018-10-16 22:58:07
    ProcessOn-在线作图工具--------https://www.processon.com/ 这是我最近刚发现的一款国产的在线作图工具,类似于visio。我主要用来做项目的结构图和流程图。 先来张效果图:   我的文件效果图 下面这个是...
  • ProcessOn多人协作在线作图

    千次阅读 2018-01-08 12:47:21
    ProcessOn多人协作在线作图
  • visio绘图与processon绘图比较

    千次阅读 2019-05-11 21:21:56
    同一个图形,绘制出来的效果对比 visio绘图效果: processon绘图效果: visio绘图,字体大小,图形尺寸以及图片的清晰程度都要比processon方便调节一点。 ...
  • 前言 平时工作中,做需求设计的时候,经常要用到画...processOn整体风格我更喜欢一点,但是收费比较厉害,年会员制,常年白嫖党的我岂能接受,那我利用我廉价的时间基于drawio做一款我喜欢的processOn风格的在线流程图
  • ProcessOn -在线绘图

    2016-03-09 20:50:31
    ProcessOn是一个免费易用,功能强大的在线协作绘图工具,并且拥有海量的知识和资源,提供专业的商务社交网络。 ProcessOn在线流程图库,拥有海量图表资源,方便你找到想要的资源。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 591,624
精华内容 236,649
关键字:

processon