這篇文章重點(diǎn)介紹在線繪圖工具draw.io的使用方法。

draw.io(流程圖繪制工具) for Mac v24.5.1 蘋果電腦版

• 類型：平面設(shè)計(jì)
• 大?。?/span>133MB
• 語言：多國(guó)語言
• 時(shí)間：2024-06-08

查看詳情

1、draw.io簡(jiǎn)介

draw.io在線繪圖工具是英格蘭一家公司開發(fā)的，該公司信條：為每個(gè)人提供免費(fèi)、高質(zhì)量的繪圖軟件。

這款工具無須注冊(cè)登錄，安全、開源、使用廣泛、且基于瀏覽器，免安裝。

可繪制：流程圖、思維導(dǎo)圖、組織結(jié)構(gòu)圖、文氏圖、信息圖、樓宇平面圖、網(wǎng)絡(luò)圖、架構(gòu)圖、電氣工程圖、UML圖等。

2、創(chuàng)建繪圖

在瀏覽器地址欄里輸入：draw.io，回車后，其自動(dòng)導(dǎo)航到：app.diagrams.net

并彈出如下界面：

上圖是保存路徑選擇存儲(chǔ)在當(dāng)前機(jī)器的設(shè)備中，“Create New Diagram”是新建圖，"Open Existing Diagram"是打開已存在的圖。

我們選擇新建圖，將會(huì)出現(xiàn)以下界面：

首先，選擇文件的保存格式，包括drawio自己的格式，png圖片格式，svg向量圖片格式、html文件格式和xml格式。

然后，我們輸入文件的名稱，注意不要把對(duì)應(yīng)的后綴給刪掉，其次，我們選擇創(chuàng)建圖的類型，這里選擇“Blank Diagram”，空白圖，最后點(diǎn)擊“Create”（創(chuàng)建）按鈕。

點(diǎn)擊“Create”后，它會(huì)讓你選擇保存到你的電腦的具體位置和名稱。

點(diǎn)擊“確定”后，進(jìn)入到如下的界面。

它基本包含菜單、工具欄，左側(cè)的圖形類別與選擇欄、右側(cè)的對(duì)象屬性設(shè)置欄、中間的工作區(qū)和底部的頁標(biāo)簽等。

3、定制繪圖類別

在界面左下角，點(diǎn)擊“More Shapes...”可以設(shè)置你想要的圖形類別：

在彈出的“Shapes”界面的左側(cè)，你想繪制什么圖形，可以把其勾選上，然后在界面右下角點(diǎn)擊“Apply”（應(yīng)用）即可。這里勾選上了UML。

在draw.io中提供的UML圖形如下：

4、設(shè)置畫布等信息

在繪圖前，我們可以對(duì)繪圖的一些信息進(jìn)行設(shè)置。

在工作區(qū)空白處任意位置點(diǎn)擊一下，在右側(cè)出現(xiàn)如下的屬性設(shè)置欄。

4.1 Diagram選項(xiàng)卡

Diagram選項(xiàng)卡中，設(shè)置一些與繪圖圖形有關(guān)的內(nèi)容。

（1）View

Grid設(shè)置是否顯示網(wǎng)格，默認(rèn)是顯示的。Gride右側(cè)的數(shù)字用于指定網(wǎng)格的大小和網(wǎng)格線的顏色。

Page View設(shè)置繪圖區(qū)是否以頁視圖的形式顯示。Background用于設(shè)置背景色，默認(rèn)為白色，如果去掉勾選，則保存的圖的背景是透明色。

Shadow用于設(shè)置圖形是否有陰影，下面是無陰影和有陰影的效果對(duì)比：

（2）Options

Connection Arrows用于設(shè)置當(dāng)鼠標(biāo)在圖形對(duì)象上停留時(shí)是否顯示箭頭導(dǎo)向指引。下圖是有箭頭導(dǎo)引的效果：

當(dāng)鼠標(biāo)在某一個(gè)箭頭上稍作停留時(shí)，該箭頭顏色變深，同時(shí)會(huì)出現(xiàn)該圖形可能能連接的圖形對(duì)象，這時(shí)在出現(xiàn)的圖形框中，點(diǎn)擊一個(gè)圖形，其自動(dòng)會(huì)創(chuàng)建一個(gè)點(diǎn)擊圖形的對(duì)象，并從原圖形向新建圖形上繪制一個(gè)箭頭。

或者，在圖形的一個(gè)箭頭上，按住鼠標(biāo)左鍵，鼠標(biāo)這時(shí)會(huì)變成一個(gè)十字箭頭，然后鼠標(biāo)可以移動(dòng)到其它圖形上，這時(shí)松開鼠標(biāo)時(shí)，就從原圖形到目的圖形上創(chuàng)建了一個(gè)箭頭。

最新評(píng)論