draw.io流程圖軟件16.1.2 綠色單文件版

draw.io流程圖軟件是一款開(kāi)源軟件，專業(yè)的圖表編輯工具，這款軟件完全免費(fèi)，今天分享的是論壇網(wǎng)友制作的單文件版本，打開(kāi)即可使用，更方便！

draw.io軟件亮點(diǎn)

draw.io 是開(kāi)源軟件，每一張圖對(duì)應(yīng)的源文件是 XML 格式，通過(guò) XML 能了解每張圖的數(shù)據(jù)結(jié)構(gòu)。draw.io 也能導(dǎo)出各類圖片（比如 png、jpg、svg）和 PDF，同時(shí)也能導(dǎo)出 HTML 格式和 VSDX格式（Microsoft Visio 圖形格式）。

draw.io 也能嵌入到其他的應(yīng)用程序中，比如以圖片、HTML、IFrame、Google Docs 插件的方式供其他軟件使用。

draw.io 有獨(dú)立的直線（line）圖形，其他兩個(gè)軟件都沒(méi)有，但是他們可以基于箭頭圖形（比如兩端的箭頭設(shè)置為 None）生成直線，但是在效果上差了一些。

draw.io的一些使用技巧

（1）對(duì)于每一個(gè)元素來(lái)說(shuō)（圖形和圖標(biāo)），共有三種控制操作，分別是“樣式”、“文本”、“圖形調(diào)整”，

從“樣式”的角度看，比較有特點(diǎn)的是，圖形可以有多種效果，比如長(zhǎng)方形可以支持“圓角”、“陰影”、“玻璃效果”、“手繪”等效果。

線條是非常重要的一個(gè)元素，在“樣式”中可設(shè)置的空間非常大，線條有三種線型，分別是“圓角”，“尖角”，“曲線”，每一個(gè)線條可以設(shè)置寬度，線頭的兩端可以設(shè)置箭頭的樣式，設(shè)置可以調(diào)整箭頭的大小。同時(shí)線條一般是連接其他的圖形，可以微調(diào)線條和圖形之間的間距，可見(jiàn)線條的設(shè)置非常多。另外 Waypoints 的配置非常的豐富，關(guān)于什么是 Waypoints 后面再說(shuō)，簡(jiǎn)單的說(shuō)，就是連接圖形之間的線條可以有多種方式。

需要注意的是“樣式”設(shè)置是全局保存的，你如果對(duì)第一個(gè)圖形進(jìn)行“樣式“設(shè)置，那么加入一個(gè)新的圖形，這個(gè)圖形的設(shè)置是復(fù)用上一個(gè)圖形“樣式”的。

如果你覺(jué)得一個(gè)圖形的“樣式”比較好，可以對(duì)“樣式”進(jìn)行復(fù)制和粘帖，

對(duì)于“文本”設(shè)置來(lái)說(shuō)，一般情況下會(huì)在圖形元素中輸入文字，這個(gè)設(shè)置就是用于控制文字的，比如文字大小、字體（微軟雅黑是 Mircrosoft Yahei）、文字位置。

對(duì)于“圖形調(diào)整”來(lái)說(shuō)，就是控制元素的大小，以及在畫(huà)布中的位置，同時(shí)元素也可以翻轉(zhuǎn)角度。

（2）按住一個(gè)圖形，將會(huì)出現(xiàn)一個(gè)十字架和四個(gè)藍(lán)色箭頭（固定連接點(diǎn)，fixed connection points），使用固定連接點(diǎn)可以控制鏈接器（connector，連接圖形之間的線條），ctrl+點(diǎn)擊固定連接點(diǎn)=復(fù)制一個(gè)元素；shift+點(diǎn)擊固定連接點(diǎn)=生成一個(gè)線條；ctrl+拖拽固定連接點(diǎn)=復(fù)制一個(gè)元素并連接兩個(gè)元素。

在四個(gè)藍(lán)色箭頭周圍移動(dòng)鼠標(biāo)，將看到更多的綠色圓形，這些長(zhǎng)方形可以連接其他的元素，選中綠色圓形，拖動(dòng)鼠標(biāo)可以生成一條線，可以用于精準(zhǔn)的控制連接線（Connectors）的位置。連接線有個(gè)特點(diǎn)，就是會(huì)隨著元素移動(dòng)而移動(dòng)，始終依附在元素四周。

（3）元素也可以調(diào)整（Altering Shapes），比如說(shuō)可以翻轉(zhuǎn)元素（Rotating Shapes），也可以調(diào)整大小，當(dāng)選中一個(gè)元素（主要是圖形）后，在元素四周會(huì)出現(xiàn)多個(gè)藍(lán)色 dots，拖動(dòng)其中某一個(gè) 藍(lán)色 dots，就可以改變?cè)�素的大小，如果選等比例改變?cè)�素大小，可以選擇 shift 鍵拖動(dòng)或者拖動(dòng)元素四個(gè)正角方向的 dots 點(diǎn)。