分享一个在线编辑的可团队合作的流程图编辑工具——Gliffy

官网介绍：Gliffy is a powerful HTML5 online diagram maker. Create a flow chart, network diagram, uml diagram, organizational chart or wireframe with ease.            Gliffy 支持在线制作流程图，能够很好的支持中文，基础版本免费。在线

http://www.gliffy.com   2, Gliffy支持中文，是一个提供在线制作流程图服务的网站。Gliffy界面很友好，能够很好的支持中文，支持拖拽，提供了很多流程图实体（包括历程示意部分，人机界面，网络等等）可供选择，基本满足常用的需要。操作也很简单，很容易上手。还支持支持协同编辑，可以直接导入Microsoft Visio、Adobe Illustrator、Macrome...

亮点：国内在线神器、操作简单、流程图 / 思维导图 / 组织结构图全覆盖，免费版足够日常使用，云端自动保存适合：作业流程图、工作流程、技术架构、会议梳理。

在工作或学习中，以前绘图都是使用我们熟悉的小黑板，现在慢慢的这些传统的工具也开始“互联网”化。 Gliffy Diagrams是一种全新类别的谷歌浏览器程序，它甚至可以脱机使用！ 现在，人人都可以通过Gliffy Diagrams快速轻松地创建具有专业外观的图表和流程图。

edges用来存储线条数据，start是开始节点，end是结束节点，label可以给线条命名。还可以使用render.shapes()自定义形状。需求：根据表格中的工序名称和上工序生成流程图。2）circle,ellipse(椭圆)数据处理，把表格数据转变成节点和线条数据。3）diamond(菱形)这世界很喧嚣，做你自己就好。1）rect(长方形)

由于项目中最近使用gliffy查看之前的文件，且chrome在最新的版本以后无法离线安装crx插件，本人搜索后成功安装gliffy插件并使用，特此记录。 安装需要： chrome插件安装辅助程序：crxhelp 下载地址：https://pan.baidu.com/s/1nvifXpOWT8dfq8MnHYH51g 密码：hyri gliffy文件：https://pan.baidu.com/s/1r6PaEO5Gm0q4nBHNf9dxgg 密码：bcaj 安装过程： 关闭chrome浏览.

原标题：常用的流程图软件有哪些？这3款软件不可错过！流程图是用图形表示算法思路的一种方法，能简单清晰的表达信息流的图形或者框图。在企业的运用中流程图主要用来说明某一过程，生产过程或者管理过程。我认为一款好用的流程图软件应该具有这样的特点：操作简单功能丰富，并且能够兼容多种文件格式。下面根据这些特点给大家分享3款流程图软件。亿图图示 亿图图示是一款类似于Visio的流程图/网络绘图制作软件，不仅可以...

流程图是用图形表示算法思路的一种方法，能简单清晰的表达信息流的图形或者框图。在企业的运用中流程图主要用来说明某一过程，生产过程或者管理过程。我认为一款好用的流程图软件应该具有这样的特点：操作简单功能丰富，并且能够兼容多种文件格式。下面根据这些特点给大家分享3款流程图软件。亿图图示亿图图示是一款类似于Visio的流程图/网络绘图制作软件，不仅可以在线编辑，你也可以下载电脑客户端进行随时随地的作业，充...

当然这是我的练习，方便大家观看，如果有什么问题可以私信我。之后就是对 其中的方法进行调用即可，废话不多说，直接上代码。第一步：需要一个flow.js作为依据，可自取。之后再你的组件中将这个文件引入，

前端可视化系列讲解：css3D，svg，canvas等

原文地址：canvas图形编辑器 使用canvas进行开发项目，我们离不开各种线段，曲线，图形，但每次都必须用代码一步一步去实现，显得非常麻烦。有没有一种类似于PS，CAD之类的可视化工具，绘制出基本的图形，然后输出代码。之后我们就可以在这个生成的图形场景的基础上去实现功能，那将是多么的美妙的事啊。话不多说，我们来实现一个图形编辑器吧????。 主要实现如下的功能： 直线(实线、虚线) 贝塞尔曲线...

gliffy 转载于:https://www.cnblogs.com/zipon/p/8715855.html

先说下我项目中的需求，就是要自己绘制出一个我们想要的图，组态化呈现出来，然后这个图中会有很多节点，每个节点都会有自己的状态，状态会实时改变，状态变化的时候，对应的节点标签颜色等都要跟随变化。 那么我们该用什么绘制呢，绘制出来还要符合我们的业务需求，说白了就是要很灵活，想改什么，想用什么节点（自定义图片等），想绑定什么属性等等，我们都可以很灵活的实现。所以就基于AntV X6 来实现这么个事儿。

1、下载离线安装文件：Gliffy Diagrams 链接: https://pan.baidu.com/s/1ht5qh3xohaVOHiOkpLTbTQ 密码: hn4g 2、在本地解压缩这个zip压缩包，得到如下目录 3、打开chrome的扩展程序 4、点击【加载已解压的扩展程序】 5、选择刚才解压的文件夹Gliffy Diagrams 6、在chrome地址栏输入：chrome://apps/ 7、找到gliffy应用 参考链接 https://blog.csdn.net/u01040

企业Vue项目中，使用@antv/g6第三方库，实现流程图的配置和draw,并且实现企业项目的具体项目需求

chrome 浏览器之所以强大，离不开各领风骚的插件。推荐几款实用插件。 1、Gliffy Diagrams ： 画图工具，可以满足简单的流程图，uml图。mac 的画图工具并不多，好的画图工具又要收费，屌丝真心用不起。这款插件解决了mac画图荒。 2、Server IP ： 显示访问服务器的IP地址。 3、Vimium ： vim插件，纯快捷键即可操控chrome浏览器。高上大、逼格高 ...