萬物皆可Draw.io

最近迷上了一款工具:Draw.io。用過幾回以後,就一發不可收拾了。markdown

平時在寫 md 文章時,常常須要插入一些框架圖、原理圖,並且這些圖改動比較頻繁,每次修改都須要從新生成圖片,再插入到 md 中,比較繁瑣。框架

直到組內小夥伴推薦了 Draw.io 這個插件,點擊引用的圖片連接,就能夠進入編輯頁面,修改後實時生效,簡直不要太方便。工具

萬物皆可drawio-插件.png

在 md 中直接修改 Draw.io 的圖:oop

萬物皆可drawio-Drawio演示.gif

抱歉圖片有點糊,由於原圖太大,總是上傳失敗,就壓縮了一下。測試

Draw.io 在工做中特別實用。字體

好比每次提測需求,都須要給 QA 同窗寫測試建議,我也會用 Draw.io 來作:文字 + 圖片,特別清晰,最後輸出一張圖片,發給 QA 同窗便可:google

萬物皆可drawio-測試建議.png

畫完後,導出爲圖片便可:spa

萬物皆可drawio-輸出爲圖片.png

我如今甚至連健身計劃也使用 Draw.io 來製做:插件

萬物皆可drawio-健身計劃.png 我我的比較喜歡的是帶網格背景的圖形:3d

萬物皆可drawio-網格背景.png

至於字體的話,自帶的字體比較普通,能夠本身自定義,我比較喜歡 Google 的 ZCOOL KuaiLe 中文字體。

自定義字體的方式以下:

萬物皆可drawio-自定義字體1.png

能夠選擇自定義系統的字體、Google 字體和 Web 在線字體:

萬物皆可drawio-自定義字體2.png

我這裏選擇自定義一個 Google 的 ZCOOL KuaiLe 字體:

萬物皆可drawio-自定義字體3.png

更多的 Google 字體能夠去這裏查看:google fonts

篩選出中文字體:

萬物皆可drawio-自定義字體4.png

字體效果以下:

萬物皆可drawio-自定義字體5.png

Draw.io 還有不少功能,你們能夠自行探索、嘗試。

相關文章
相關標籤/搜索