Draw.io基本使用教程

1、在線訪問地址:https://www.draw.io/?,打開時選擇存儲方式,也可以選擇decide later 在之后繪圖結(jié)束保存的時候在進(jìn)行選擇

2、修改Command+S的保存下載路徑:其實是修改的瀏覽器的默認(rèn)下載路徑,自行修改

3、導(dǎo)出成別的格式:

4、基本操作:

cmd(windows下為ctrl,下同) + A 選擇全部元素

cmd + click(鼠標(biāo)左鍵點擊)來進(jìn)行特定元素的多選

移動:拖拽

復(fù)制: cmd + C

復(fù)制并粘貼: cmd + D

刪除:delete鍵

5、創(chuàng)建鏈接(圖形和圖形的固定鏈接)

圖形上面懸浮鼠標(biāo)會出現(xiàn)圖形的鏈接點。

? ? 1)使用藍(lán)色箭頭進(jìn)行快速鏈接

????????點擊藍(lán)色箭頭,會在指定方向創(chuàng)建鏈接,并在鏈接末端生成一個完全一致的元素

????????如果需要控制鏈接位置,可以按住ctrl鍵,拖拽藍(lán)色箭頭到指定位置

? ? ????2)鏈接圖形

???????????固定鏈接:在懸浮圖形后選擇x型焦點(會高亮為綠色)可以創(chuàng)建鏈接,拖拽鏈接線到目標(biāo)圖形上的x型焦點

? ? ? ? ? ? 浮動鏈接:在懸浮圖形后選擇x型焦點(會高亮為綠色)可以創(chuàng)建鏈接,拖拽鏈接線到目標(biāo)圖形的邊上,直到圖形外邊變成藍(lán)(綠)色,松開鼠標(biāo)

? ? ? ? ? ? 固定鏈接和浮動鏈接的區(qū)別:拖動圖形時,固定鏈接連的是哪個位置就是哪個位置,而浮動鏈接會根據(jù)最短路徑自動調(diào)整移動焊接位置。

6、圖形替換:從左側(cè)圖形庫選擇需要的圖形,拖拽到要替換的圖形中央,直到出現(xiàn)了一個替換的褐色標(biāo)志,松開即可實現(xiàn)替換

7、旋轉(zhuǎn):選中圖形,點擊旋轉(zhuǎn)箭頭就能旋轉(zhuǎn)90度,長按拖動可以旋轉(zhuǎn)自由角度


8、編輯樣式:選中元素在右側(cè)的檢查器可以修改元素的顏色,大小,布局等等。請讀者自行操作。


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 draw.io 是一個強大簡潔的在線的繪圖網(wǎng)站,支持流程圖,UML圖,架構(gòu)圖,原型圖等圖標(biāo)。支持Github...
    Michalix閱讀 32,341評論 1 14
  • 脫水版 1、重復(fù)網(wǎng)格中的文本元素的樣式會應(yīng)用到每個元素,但是內(nèi)容不會,而且可以通過拖拽的方式將txt文本導(dǎo)入并替換...
    友交互閱讀 18,489評論 3 13
  • 其實踐行時間管理2年,真是每學(xué)一次感受都會不一樣,可能前期的踐行更偏重爛開始。這一次又開始新一階段的學(xué)習(xí)要注重效果...
    成長為價值投資者閱讀 5,236評論 0 5
  • 小白迷迷茫茫的過著這生活,擦肩而過的人,形形色色,每個人都有著自己的故事,風(fēng)冷冽的吹到小白的臉上,小白擦了擦鼻涕,...
    糖糖糖糖媛閱讀 296評論 0 0
  • 昨天下午考完試,在校園里走,想買點東西,晚上一吃,準(zhǔn)備第二天的考試。 正在思考中,猛一抬頭,迎面走來一個人。 她個...
    草央鷓閱讀 260評論 2 0

友情鏈接更多精彩內(nèi)容