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,本地磁盘及浏览器。

draw-save-to

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

draw-shapes

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

draw-cisco

所以,如果网速可以的话,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/

draw-github

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

draw-compatibility

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

BTY:

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

转载请注明: 转载自elkPi.com

本文链接地址: draw.io在线画图

7 Comments

  1. Hao
    2014年12月5日

    最近我有幸参与了其菜单和对话框中文的翻译。现在中文翻译的版本已经上线,欢迎提供意见或建议。
    https://www.draw.io?lang=zh

    回复
    1. 米鹿π
      2014年12月8日

      好!

      回复
  2. 都教授
    2016年9月9日

    ProcessOn现在支持“网络拓扑图”啦 https://www.processon.com

    回复
  3. liyuhui
    2018年5月21日

    我执行了ant war之后,并没有生成war包。提示信息却是:war:
    [zip] Building zip: /home/spark/sourcecode/drawio-master/build/draw.war

    BUILD SUCCESSFUL
    请问你知道怎么回事吗?

    回复
    1. 米鹿π
      2018年5月21日

      有war包就可以了啊,war包就可以去部署用了。可以用tomcat等之类的做部署。现在是有PC客户端的

      回复
  4. ZanderZhao
    2020年1月30日

    你好,fork到自己github或者部署在自己服务器里面时,无法保存到github和onedrive等其他平台,尝试更改js里的github id和META-INF里的secret,没有成功,还是显示`This window will be closed automatically.`请问有办法解决吗,谢谢!

    回复
    1. 米鹿π
      2020年1月31日

      呃 这个我倒是没试过

      回复

回复 Hao 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to top