學(xué)用系列｜Draw.io變身Diagrams，免費(fèi)在線圖表依然好用
diagrams.net（以前為draw.io）是免費(fèi)的在線圖表軟件。
我們可以將其用作流程圖生成器，網(wǎng)絡(luò)圖軟件，在線創(chuàng)建UML，作為ER圖工具，設(shè)計(jì)數(shù)據(jù)庫(kù)架構(gòu)，在線構(gòu)建BPMN，作為電路圖生成器等。draw.io可以導(dǎo)入.vsdx，Gliffy?和Lucidchart?文件。
diagrams.net是一個(gè)安全，免費(fèi)和開源的繪圖應(yīng)用程序，您可以在線，離線（桌面）使用。
diagrams.net允許您創(chuàng)建各種圖表：流程圖，思維導(dǎo)圖，組織結(jié)構(gòu)圖，維恩圖，信息圖，網(wǎng)絡(luò)和體系結(jié)構(gòu)圖，平面圖，電氣和機(jī)架圖，UML圖等。
當(dāng)然，利用diagrams我們還可以繪制家譜、裝修平面圖、項(xiàng)目管理圖。
diagrams.net編輯器上手
像大多數(shù)繪圖應(yīng)用程序一樣，您在diagrams.net中的工具欄和繪圖畫布周圍的面板中看到的項(xiàng)目都是上下文相關(guān)的。根據(jù)您在繪圖畫布上選擇的元素類型，將顯示工具和選項(xiàng)。
如果您以前使用過圖表工具，則將熟悉圖表編輯器的布局。
提示：將鼠標(biāo)懸停在diagrams.net編輯器中的任何按鈕，工具或選項(xiàng)上，以查看提示其用途的工具提示。
菜單
根據(jù)您在圖表中選擇的內(nèi)容，某些菜單項(xiàng)將無(wú)法選擇。例如，如果您尚未選擇形狀，則無(wú)法編輯形狀的樣式。
文件-使用圖表文件（新建，打開，導(dǎo)入/導(dǎo)出和打?。?，以及打開或自定義創(chuàng)建形狀庫(kù)。
編輯-選擇并編輯圖表中的形狀和連接器及其樣式。
查看-在diagrams.net編輯器中隱藏或顯示各種面板和輔助工具，包括便箋本，圖層，標(biāo)尺等。
排列-分組和組織形狀和連接器，插入模板和圖像，使用自動(dòng)布局功能。
附加功能-啟用不同的編輯器主題，使用數(shù)學(xué)排版，啟用/禁用開始屏幕和自動(dòng)保存，以及使用標(biāo)簽或添加自定義配置。
幫助-查看鍵盤快捷鍵，查看支持信息或下載diagrams.net的桌面版本。
工具列
工具欄中的某些工具需要在圖表中選擇正確的元素。例如，如果您尚未選擇形狀，連接器或文本，則“刪除”工具將為淺灰色，并且不會(huì)啟用。
按從左到右的順序：
視圖?（三個(gè)面板）?-隱藏或顯示格式面板或圖層和輪廓對(duì)話框。
縮放?（數(shù)字百分比）?-使圖表在編輯器中放大或縮小。這不會(huì)影響圖表的導(dǎo)出或打印大小。
放大/縮小?（放大鏡）?-放大或縮小圖表。
撤消/重做?（彎曲的箭頭）?-撤消或重做您的更改。
刪除?（廢紙-?）?-刪除選定的形狀。
向前/向后?（分層形狀）?-將選定的形狀移動(dòng)到圖表的前面或后面，將它們排列在未選擇的形狀之上或之下。
填充顏色?（油漆罐）?-更改選定形狀的填充顏色。
線顏色?（筆和線）?-更改選定形狀的輪廓或連接器的顏色。
陰影?（帶有陰影的框）?-在選定的形狀上啟用或禁用陰影。
連接?（箭頭）?-從下拉列表中選擇一種連接器樣式，并將其應(yīng)用于選定的連接器。
航路點(diǎn)?（帶有兩個(gè)連接點(diǎn)的線）?-選擇路由樣式以更改所選連接器在工程畫布上的彎曲方式。
插入?（加號(hào)）?-插入通用形狀，手繪圖，圖像，模板，布局等。
表格?（網(wǎng)格）?-單擊然后拖動(dòng)或單擊表格中的一點(diǎn)，以插入具有所選行和列的表格形狀。
工具欄的右端是三個(gè)視圖選項(xiàng)：
全屏?（方框和角）?-關(guān)閉左右面板，使繪圖畫布達(dá)到Diagrams.net窗口的完整大小。
格式面板?（兩個(gè)面板）?-顯示或隱藏右側(cè)的格式面板。
折疊/展開?（向上箭頭）?-顯示或隱藏文件名和diagrams.net應(yīng)用程序圖標(biāo)。
形狀和形狀庫(kù)
形狀按邏輯組排列，稱為形狀庫(kù)。并非一次顯示所有形狀庫(kù)，因?yàn)樗鼈兲嗔恕?/p>
提示：?jiǎn)螕裘Q，在左側(cè)面板中展開或折疊每個(gè)形狀庫(kù)。
啟用/禁用形狀庫(kù)
為了使創(chuàng)建圖更容易，請(qǐng)僅啟用要處理的特定圖所需的形狀庫(kù)。
單擊左側(cè)面板底部的“其他形狀”。
滾動(dòng)瀏覽各種形狀庫(kù)-將這些形狀庫(kù)分類為不同類型圖的有用類別。單擊形狀庫(kù)名稱旁邊的復(fù)選框以啟用或禁用它。
點(diǎn)擊“應(yīng)用”。
了解如何向繪圖畫布添加形狀
便箋
該暫存器是你的個(gè)人圖形庫(kù)，您可以添加形狀的形狀或組使用最頻繁。
將一個(gè)或多個(gè)選定的形狀從繪圖畫布上拖動(dòng)到便箋本上。
單擊已保存到暫存器中的一個(gè)或一組形狀，以將另一個(gè)副本添加到繪圖畫布，就像從形狀庫(kù)中提取形狀一樣。
搜索形狀
有太多形狀組織到如此眾多的庫(kù)中，以至于很難找到它們。在形狀搜索字段中輸入形狀名稱，您將獲得許多匹配項(xiàng)。如果您在線，也可以找到匹配的剪貼畫形狀。
提示：如果找不到所需的形狀，請(qǐng)嘗試搜索相關(guān)的單詞。
繪圖畫布
通過在編輯器中間的繪圖畫布上放置，連接和設(shè)置形狀來(lái)繪制圖表。繪圖畫布默認(rèn)情況下會(huì)顯示一個(gè)網(wǎng)格，以幫助您整齊地對(duì)齊和間隔形狀。
用滾動(dòng)條平移繪圖畫布，或在繪圖畫布上的空白區(qū)域中單擊鼠標(biāo)右鍵/中鍵單擊并拖動(dòng)以在畫布上四處移動(dòng)。使用鼠標(biāo)滾輪垂直移動(dòng)畫布。
放大和縮小使用工具欄上的放大/縮小工具，或按住CtrlWindows上，或Cmd在MacOS和使用滾輪來(lái)放大和縮小繪圖畫布。這不會(huì)更改圖表的大小。
提示：通過“查看”菜單啟用標(biāo)尺。
在觸摸屏和輪廓面板中移動(dòng)繪圖畫布
樣式標(biāo)簽
選擇一個(gè)或多個(gè)形狀后，可以在右側(cè)的格式面板的“樣式”選項(xiàng)卡中更改形狀的填充和輪廓顏色，編輯樣式，復(fù)制和粘貼樣式。您可以更改選定連接器的繪制方式-彎曲，筆直或具有直角，如果是虛線或?qū)嵭?，則可以使用跳線以及在連接器兩端使用哪些箭頭，等等。
選擇形狀（上）和選擇連接器（下）時(shí)，比較下面的不同樣式選項(xiàng)。
連接器效果圖。
文字標(biāo)簽
使用右側(cè)“格式”面板的“文本”選項(xiàng)卡更改標(biāo)簽的字體，大小和樣式。您還可以更改文本的垂直和水平對(duì)齊方式，書寫方向，字體和背景顏色以及不透明度，并在文本周圍添加間距。
默認(rèn)情況下啟用自動(dòng)換行和帶格式的文本。這樣，您就可以像在HTML中一樣為標(biāo)簽文本中的字符和單詞設(shè)置樣式，HTML也支持超鏈接。
提示：雙擊文本可編輯文本并選擇標(biāo)簽的一部分。然后，由于未編輯形狀，因此僅顯示（右側(cè)）“文本”選項(xiàng)卡。
選擇形狀（上）和選擇連接器（下）時(shí)，比較下面的不同樣式選項(xiàng)。
連接器效果圖。
排列標(biāo)簽
更改形狀和連接器的位置，將它們發(fā)送到其他形狀的前面或后面，更改它們的大小，或通過“格式”面板上的“排列”選項(xiàng)卡旋轉(zhuǎn)它們。
單擊“編輯數(shù)據(jù)”以手動(dòng)編輯所選形狀的元數(shù)據(jù)，或單擊“編輯鏈接”以添加超鏈接。
注意：選擇連接器（下）時(shí)，“排列”選項(xiàng)卡顯示的選項(xiàng)少于選擇形狀（上）時(shí)的選項(xiàng)。
連接器狀態(tài)。
全局圖選項(xiàng)
如果未選擇任何內(nèi)容，則將看到適用于整個(gè)圖和工程圖畫布的選項(xiàng)。
在“圖表”選項(xiàng)卡中更改打印和繪圖畫布選項(xiàng)。
在“樣式”選項(xiàng)卡中將新的全局樣式應(yīng)用于形狀，文本和連接器。
樣式選擇效果。
