draw.io在线画图

draw.io现在已经越来越完善了，新的增加了桌面版本，如果有需要，也可以自己搭建一个draw.io，可以看看我新的文章《搭建自己的DRAW.IO》

前几天，搞了一些实验，要画几个网络拓扑。由于切到了ubuntu下，一直没找到合适的网络拓扑工具。虽然有DIA，但是不是很常用。而且不是很喜欢DIA的一些图标。什么时候，DIA能请个比较好的美工？

然后就是之前一个朋友推荐的draw.io在线画图工具。之前我画一些流程图的话，有用到国产的一个在线画图工具——ProcessOn，图标也不错，不过就是不支持网络拓扑。并且其免费的，只能画300个图。不是按容量，而是数量。不过也因为是国产的，速度什么的自然是不用担心的。

draw.io就不一样了，在国外，而且用了SSL证书，说起这个，国内好多网站登陆都不用HTTPS，国外画个图，都是走加密。可见别人对于安全的意识要比我们高多了。刷了半天，draw.io才刷出来。支持保存到google drive，dropbox，本地磁盘及浏览器。

比较推荐使用browser，也就是由浏览器来缓存。当前你不是要那种经常清除浏览器数据的（我就这样），如果你经常清除数据的话，还是搞成本地吧，不过要手动导出，比较麻烦就是了。再次使用的时候，要再手动导入。

支持这么多种的形状，包含思科的一些图标。这点很赞！要的就是这个了。对于思科的图标，支持非常的全面。

所以，如果网速可以的话，draw.io绝对是不二的选择。可惜现在国内坑爹的速度。还有就是那个墙太高，也不适合保存到谷歌云端硬盘之类的。不过不清理浏览器缓存的好处，就是对于打开draw.io会比较快。直接读取本地的缓存就好了，当然这个你必须浏览器设置一下。这样基本就当做本地画图工具了。很是不错。

后来网上查了一下draw.io。原来是开源的，代码挂在github上。不过后来其对应的代码被删除了。只有部分网友自己搞的分支。版本比较早期。

git clone https://github.com/rvanderwerf/draw.io.git

我是使用上面这个版本的。把源码clone下来后。编译的话，你需要有java的安装环境，ubuntu一般会给安装openJDK。然后就是需要安装ant。

cd draw.io/etc/build
ant
cd draw.io/etc/imageexport
ant

上面2个位置，可以编译成功，draw.io/etc/sharejs的话，则编译失败，但是浏览器的话，却可以直接打开，所以也就无关紧要了。我直接把整个工程链接到了apache的www目录中。

在浏览器本地运行http://127.0.0.1/draw.io/war/

看起来还不错，就是有些兼容问题。比如这些图标：

简直不能直视。还有就是缺少思科的一些图标等。功能确实比较不全面。而且只能保存到本地，虽然右上角有连接谷歌云端硬盘。但是你在国内，还想用？所以，本地搭建的话，还是不够给力。要不就只能官网买最新服务了。看来还是得用dia或libreoffice自带的画图工具吧！

BTY:

其实draw.io的github虽然把代码给删除了，但是其实还保留一些，并且用了github pages的方式，可以直接访问到examples。兼容性比自己搭建的好一些（可能我哪里参数没配置好吧）。地址是这里，http://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html github上的访问速度比draw.io的快很多。但是支持也是有限。