draw.io在線繪圖工具怎么用? draw.io超詳細(xì)的小白入門教程

上面那些帶顏色的矩形框是圖形的預(yù)制風(fēng)格,你可以點(diǎn)擊其中一個(gè),則圖形會(huì)變成與其一致的邊框顏色和填充色。
- Fill用于設(shè)置圖形的填充顏色。當(dāng)下面的Sketch選中時(shí),這里還可以指定填充的風(fēng)格,如斜線、Z形線、點(diǎn)等。
- Gradient用于設(shè)置圖形的漸變填充色。
- Line設(shè)置是否顯示邊框線,以及邊框線的風(fēng)格。
- Perimeter用于設(shè)置邊緣的大小,當(dāng)有連接線時(shí),連接線到達(dá)邊緣位置即可,而不一定非要到圖形的邊界上。
- Opacity用于設(shè)置圖形的透明度。0完全透明,100完全不透明。
- Shadow用于是否顯示陰影。
- Sketch用于設(shè)置圖形是否以草圖風(fēng)格顯示。
(2)Text
用于設(shè)置圖形上文本的樣式。
設(shè)置的內(nèi)容包括由上到下,由左到右依次為:
- 字體名稱、是否加粗、是否斜體、是否加下劃線、是否垂直顯示文本、字體大小、文本對(duì)齊方式、文本在圖形內(nèi)的位置(Top、Middle、Bottom);
- Postion用于指定文本在圖形外的位置(Top Left、Top、Top Right、Left、Center、Right、Bottom Left、Bottom、Bottom Right);
- Font Color用于設(shè)置字體顏色;
- Background Color用于設(shè)置文本背景色;
- Border Color用于設(shè)置文本范圍邊界框的顏色;
- Word Wrap設(shè)置文本是否自動(dòng)折行;
- Formatted Text:格式化的文本;
- Opacity設(shè)置文本的透明度;
- Spacing用于設(shè)置文本的內(nèi)邊距。
(3)Arrange
Arrange選項(xiàng)卡中的內(nèi)容主要用于設(shè)置圖形的排列信息。
To Front:將圖形對(duì)象調(diào)整到最頂層;
To Back:將圖形對(duì)象調(diào)整到最底層;
Bring Forward:往上層移動(dòng);
Bring Backward:往下層移動(dòng);
Size:設(shè)置圖形的寬度和高度。
Constrain Proportions:設(shè)置圖形的長(zhǎng)度和寬度時(shí)保持長(zhǎng)寬比不變。
Position:圖像在畫布中的位置。
Angle:調(diào)整對(duì)象旋轉(zhuǎn)的角度。
Flip:翻轉(zhuǎn)對(duì)象,包括水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)。
6、設(shè)置連接線的屬性
選中某個(gè)連接線或箭頭時(shí),其在右側(cè)的屬性欄如下圖所示:
這里重點(diǎn)介紹與其他圖形不同的地方。
6.1 Style選項(xiàng)卡
Line:勾選上后,會(huì)顯示箭頭和連接線,否則將會(huì)被隱藏。
下拉列表中的Sharp、Rounded和Curved用于設(shè)置帶拐角的鏈接線風(fēng)格。Sharp選項(xiàng)的拐角將會(huì)比較銳利,Rounded的拐角將以圓角形式顯示,Curved選項(xiàng)將使連接線以弧的形式顯示。這跟4.2中的內(nèi)容的設(shè)置效果相同。
接下來的設(shè)置用于指定鏈接線的風(fēng)格:
第一個(gè)用于設(shè)置鏈接線的種類。
包含4種,如下圖所示:
第2個(gè)用于設(shè)置線型:
第3個(gè)用于設(shè)置線的粗細(xì),默認(rèn)為1磅。
第2行第1個(gè)用于設(shè)置鏈接線的拐角風(fēng)格。
其風(fēng)格從上到下表示如下:
剩下的那兩個(gè)用于設(shè)置箭頭和箭尾的風(fēng)格。
相關(guān)文章
Draw.io怎么顯示標(biāo)尺? Draw.io流程圖繪制工具標(biāo)尺顯示出來的教程
Draw.io怎么顯示標(biāo)尺?Draw.io是流程圖繪制軟件,很好用,下面我們就來看看Draw.io流程圖繪制工具標(biāo)尺顯示出來的教程2023-10-17