? ?Excalidraw是一款簡單易用的手繪風(fēng)格畫圖板，能夠方便的繪制流程圖、示意圖、邏輯圖等，而且有很多豐富的圖庫可供使用，可以快速記錄思路，并導(dǎo)出為png, svg格式圖片。

? ?Excalidraw本身是一個單獨的應(yīng)用，在瀏覽器中打開就可以直接使用（在線地址：https://excalidraw.com/），同時原作者也開發(fā)了應(yīng)用于OB的插件，能夠直接在Obsidian中使用。

????OB中使用與新版的瀏覽器使用的區(qū)別在于瀏覽器模式支持添加本地圖片，多人協(xié)同和保存工作區(qū)的功能，而在使用方法上基本相同。

????本篇主要分享Excalidraw在OB中的基本使用、圖形操作、視圖、圖庫、嵌入和導(dǎo)出；下篇會分享鏈接、模板等其他內(nèi)容~

基本使用

????在OB中啟用后，在設(shè)置區(qū)中的Excalidraw中設(shè)置文件路徑和默認文件名前綴、模板位置等，再用命令模式或左側(cè)標簽欄的按鈕新建畫圖板即可。

創(chuàng)建圖元及設(shè)置

? ? 打開新建的圖板，開始創(chuàng)建手繪，他的界面使用非常簡單，有不少的功能和PPT一樣。

? ? 圖板的左上角可以設(shè)置畫板樣式，例如變換顏色，設(shè)置黑夜模式。

? ? 上方的圖形選擇區(qū)點擊想要添加的圖形或直接按對應(yīng)的數(shù)字后再畫板上就能直接拉出來圖形，再點擊這個圖元（圖形元素），會在左側(cè)彈出設(shè)置面板，可以對圖元進行樣式、圖層位置調(diào)整。

? ? 其中圖形選擇區(qū)中左側(cè)有個鎖形標志，如果點擊鎖上之后，那么創(chuàng)建完一個圖形后不會立即切換到箭頭選擇標志，而是可以繼續(xù)繪制對應(yīng)圖形（否則畫完一個會切換到1號箭頭，還需要再次點擊該圖形標志創(chuàng)建才行）。?

? ? 這里有個小技巧：選擇一個圖元，再按住?Alt / Option 鍵拖拽，就可以直接復(fù)制一個到指定位置，無論是對單個圖元還是組合圖元、多個圖元均有效。

????????對于在畫板中已經(jīng)創(chuàng)建的圖元，需要通過鼠標框選才能選擇多個。選擇之后右擊，菜單欄中有Group Selection, 能夠組合成一個合并單元進行操作。

????????右擊圖元，會彈出一個菜單欄，可以對一個或多個圖元進行翻轉(zhuǎn)、復(fù)制樣式、添加到庫等操作。

連線、箭頭的使用

????連線和箭頭有些除了設(shè)置線性、粗細、光滑和透明度之外，還有些特別的操作。

? ? 例如，將箭頭標志端頭移動到矩形等圖元的鏈接區(qū)時（灰色區(qū)域），可以自動建立箭頭與圖元的鏈接關(guān)系，當移動其他圖元時，箭頭也會跟著移動。

? ? 另外，雙擊線段和箭頭，會出現(xiàn)節(jié)點模式，按住alt/option，會添加節(jié)點并延長線；

? ? 這些節(jié)點可以移動、刪除，用于調(diào)節(jié)線段的走向，而且線段如果封閉起來的話能夠自動填充形成一個形狀。

文字格式

????在excalidraw中的文字有三種樣式，手寫、打印、代碼形式，但是貌似只對英文字母起作用，對中文不管用，文字的其他設(shè)置還有大小、左右對齊，一般可以與其他的圖元結(jié)合起來用。而且支持OB中的鏈接跳轉(zhuǎn)。

視圖模式

???? 右擊畫板空白處，會彈出菜單欄，其中除了保存圖片、全選圖元外，還有幾種視圖模式可選。

• 打開網(wǎng)格會在畫板上顯示密布的網(wǎng)格，此時移動圖元時會自動吸附網(wǎng)格上

• 集中模式，此時設(shè)置面板會關(guān)閉，只留下頂部的圖元面板

• 預(yù)覽模式，什么面板都沒有，顯示的就是導(dǎo)出的樣式

• 高精度，會在右上顯示一個小面板，顯示精確的X,Y坐標和長寬（感覺用處不大）

圖庫模板

? ? 在使用Excalidraw的時候，如果自己創(chuàng)建的圖形想復(fù)用，可以全選右擊，選擇菜單中的保存在庫，這樣下次使用的時候只需要一點擊就能直接使用了，使用圖元的位置在頂部右側(cè)一個打開的書的標志。

? ? 除了自己添加，Excalidraw也提供了很多已經(jīng)完成的圖元可以使用，打開庫的面板之后，有一個瀏覽庫的按鈕，會跳轉(zhuǎn)到一個網(wǎng)站，其中展示了可供使用的圖元庫。在這里如果是瀏覽器模式的話，選擇 Add to Excalidraw即可，但在OB中有時不管用，最好是下載下來，然后在庫面板中選擇打開庫文件再使用。

快速添加數(shù)據(jù)圖

????有個我覺得很不錯的小功能是快速創(chuàng)建柱形、折現(xiàn)圖。

????在文字區(qū)編輯一列數(shù)據(jù)，然后復(fù)制粘貼到圖板中就能直接創(chuàng)建。不過只有柱形、折現(xiàn)圖這兩種。

????

嵌入與導(dǎo)出

嵌入

????在Obsidian中嵌入Excalidraw圖畫與嵌入其他內(nèi)容相同，加上![[地址]]即可。

????嵌入之后能設(shè)置顯示形式，格式如下：

????此外，在畫板上如果設(shè)置背景為transparent（透明），那么嵌入后的圖形背景也會變透明。

導(dǎo)出

????支持導(dǎo)出為SVG、PNG、excalidraw格式，點擊面板右上角的三個點，就可以保存了。

? ? 或者在設(shè)置中設(shè)置自動保存，都會在excalidraw文件的同目錄下生成。

????以上就是本篇的內(nèi)容了，主要集中在使用方法和基本設(shè)置上面了，對于大多數(shù)草圖繪制已經(jīng)足夠了，下篇會分享關(guān)于鏈接、模板相關(guān)內(nèi)容。

????文章內(nèi)容是個人敲字截圖總結(jié)的一些心得和使用體驗，創(chuàng)作不易，歡迎?點贊、投幣、收藏~

參考資料

Excalidraw官方網(wǎng)站：?

????https://excalidraw.com/

Excalidraw自動化處理-官方示例文檔:?

????https://zsviczian.github.io/obsidian-excalidraw-plugin/

Obsidian-Excalidraw使用視頻(作者錄制):?

????https://www.bilibili.com/video/BV1fQ4y1Q73r

Excalidraw Libraries圖庫：?

https://libraries.excalidraw.com/?target=_blank&referrer=app%3A%2F%2Fobsidian.md%2Findex.html&useHash=true&token=2neteBIR_5Ge8VY2COjq_&theme=light&sort=default