要說畫圖，最好還是用紙和筆，所見即所得，還沒有工具的學習成本，直接擼起即可。但是這是假象。

你覺得紙筆畫圖的學習成本和使用計算機工具畫圖的學習成本哪個高？計算機畫圖工具成本高是吧？其實不是。

你還記得在你會用筆在被你蹂躪的皺巴巴的紙上在保持紙不被筆尖捅破的前提下，畫上一個僅供識別的圖案，花了多久嗎？反正基本上都要很久，大概三歲？或者三歲多？至少也要兩歲吧…

你還記得你第一次在iPad上學會劃來劃去花了多久嗎？哦，不，我們小時候沒有iPad，那就觀察自己的孩子吧。我家小小大概5，6個月的時候會坐著簡單比劃iPad了。

我們總覺得翻書比操作手機電腦簡單，我們總覺得紙筆畫圖比Office軟件簡單，那是因為我們已經忘記了我們學習翻書，學習握筆花了多么久的時間，好在那段時間在大人們眼里是枯燥痛苦的，但是在嬰幼兒感知來的卻是對陌生事物的興奮感。

你現(xiàn)在同時會翻書和滑屏的前提下，達到同等的信息攝入，你會選擇哪個？

總之，紙和筆畫圖并不簡單，它涉及到一系列的動作配合，肢體協(xié)調，像我這種沒有運動細胞寫字很丑的，我的手繪圖也往往達不到預期的效果，但是我用Visio就能畫出不錯的圖。此外，如果一個手繪圖很漂亮的人用Visio也能畫出同樣漂亮的圖。

現(xiàn)在的問題是，你會選擇哪個軟件來畫圖。

我說了，用Visio…

但是我換了公司的Macbook后，就再也不能用Visio，我到現(xiàn)在依然很懷念Visio的那個手繪圖主題…后來我使用Processon，它在：
https://www.processon.com/
一個在線畫圖網站，界面比較友好。然而它并不是無限免費的，很有套路。

然后，我接觸到了Chrome的一個插件app，即gliffy，它在：
chrome://apps/ 【用Chrome瀏覽器打開并在應用商店里下載，免費的】
也是很好用，基本上processon就是這個。

最后，我收斂到了drawio，這是個開源的玩意兒，非常好用。它在：
https://www.draw.io/?lang=zh
簡單體會一下，你就會喜歡上它了。

我在想哪天這個URL失效了怎么辦？我對互聯(lián)網的鏈接是非常不信任的，沒有任何URL被承諾是永久的。所以我在想，如果這個drawio像是個Visio下載到本地該有多好。

既然drawio是開源的，那么總是可以把整個項目給download下來，然后看看怎么玩。好在它是Java的，我還是懂點Java的。

這個項目有插件版，有桌面版，但是沒有搞定 。web服務是千年不變的，所以我準備用標準的方式搭建web服務。

我準備在本地虛擬機里用Apache Tomcat搭建一個drawio web服務。

先部署tomcat：

[root@localhost ~]# mkdir tomcat [root@localhost ~]# cd tomcat [root@localhost tomcat]# wget http://mirrors.hust.edu.cn/apache/tomcat/tomcat-8/v8.5.37/bin/apache-tomcat-8.5.37.tar.gz [root@localhost tomcat]# tar xzvf apache-tomcat-8.5.37.tar.gz

然后clone這個drawio項目：

[root@localhost tomcat]# git clone https://github.com/jgraph/drawio.git

接下來就是編譯，部署，一氣呵成：

[root@localhost tomcat]# cd drawio [root@localhost drawio]# cd etc/build [root@localhost build]# ant war # 等待!

最后就是部署了，很簡單，將ant編譯生成的draw.war放在tomcat的webappps目錄下就好了：

[root@localhost build]# cp ../../build/draw.war ../../../apache-tomcat-8.5.37/webapps/ [root@localhost build]# ../../../apache-tomcat-8.5.37/bin/startup.sh Using CATALINA_BASE: /root/tomcat/apache-tomcat-8.5.37 Using CATALINA_HOME: /root/tomcat/apache-tomcat-8.5.37 Using CATALINA_TMPDIR: /root/tomcat/apache-tomcat-8.5.37/temp Using JRE_HOME: /usr Using CLASSPATH: /root/tomcat/apache-tomcat-8.5.37/bin/bootstrap.jar:/root/tomcat/apache-tomcat-8.5.37/bin/tomcat-juli.jar Tomcat started

在虛擬機外面的宿主機瀏覽器敲入虛擬機的IP地址和drawio拼接而成的URL：

http://192.168.56.110:8080/draw/

選擇簡體中文(我是覺得看中文順暢些，人多的地方可以選擇英文)后：

創(chuàng)建一個新的圖表，觀感如下：

我比較喜歡的是里面的Cisco風格的網絡拓撲圖元素：

好了，就是這么簡單。

補充下插件版和桌面版的，無疑插件版和桌面版要比WEB版的方便很多，至少不用自己搭建WEB服務了。

先說插件版。drawio當然是Google的咯。

首先下載這個Chrome APP插件：https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla/related?hl=en-GB

然后就可以用了，Chrome瀏覽器輸入APPs列表的URL： chrome://apps/

直接點擊：

好了，就這么簡單。

再說桌面版的，這個基本就和Windows上的Office Visio的使用習慣一樣了，安裝在本地。

先下載它，最好的途徑就是它的github項目本身：https://github.com/jgraph/drawio
在README.md中找到下載鏈接：https://about.draw.io/integrations/#integrations_offline

各個平臺的，應有盡有。我選擇MacOS的：

下載下來，雙擊解壓安裝，就OK了：

當然了，你依然可以配置不同的語言。
————————————————
原文鏈接：https://blog.csdn.net/dog250/article/details/89272808

總結

以上是生活随笔為你收集整理的使用drawio进行画图真的很方便(WEB版/Chrome APP版/桌面版)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。