1. 引子
在學習《TCP-IP詳解卷1:協議》時,會發現里面有很多數據幀格式的示例圖。如果我們想自己動手畫,有沒有什么專業的工具呢?
Gliffy Diagrams正是你需要的。
2. Gliffy Diagrams
2.1 特點
- 人人都可以快速輕松地創建具有專業外觀的圖表和流程圖
- 支持脫機使用
2.2 獲取方式
在Chrome網上應用店中下載
Chrome網上應用店中下載
安裝成功以后,在谷歌瀏覽器中的擴展程序中啟動Gliffy Diagrams。你也可以創建快捷方式,直接在桌面或者開始菜單中啟動Gliffy Diagrams
啟動Gliffy Diagrams
3. 繪制步驟
以下圖SLIP報文封裝的示例圖為例,我們來看下怎樣用Gliffy Diagram繪制。
TCP-IP詳解卷1:協議 第2章 截圖
繪制過程中用到的工具
Gliffy Diagrams工具欄
Step 1. 畫矩形框
- 選擇Rectangle Tool繪制矩形
- 選擇Pointer,選中剛剛繪制的矩形,會彈出edit line properties設置界面,可以設置矩形的寬和高等屬性
edit shape properties
Step 1. 畫矩形框
Step 2. 復制矩形框
- 選擇Pointer,選中矩形框,直接Ctrl+C、Ctrl+V復制粘貼
- 選擇Pointer,拖動復制的矩形框,調整位置
Step 2. 復制矩形框
Step 2. 復制矩形框
Step 3. 畫虛線
- 選擇Straight Line Tool繪制虛線
- 通過edit line properties設置虛線的style
edit line properties
Step 3. 畫虛線
Step 4. 畫箭頭和實線
- 選擇Straight Line Tool 繪制畫箭頭和實線
-
通過edit line properties設置箭頭和實線
Step 4. 畫箭頭和實線
Step 5.設置文字
- 選擇Text Tool設置文字
Step 5.設置文字
Step 5.設置文字
Step 6. 設置主題
- 選擇Diagram Themes設置一個你喜歡的顏色
Step 6. 設置主題
效果圖
下面兩幅圖,都是使用Gliffy Diagram繪制的
SLIP數據報
IEEE 802.2/802.3(RFC 1042)和以太網的封裝格式(RFC 894)
4. 結束
Gliffy Diagram的功能很強大(下圖左邊列表它支持的所有功能),上面列舉的只是Gliffy Diagram的一小部分功能。
例如,你可以使用Gliffy Diagram去畫裝修效果圖,由于每個控件可以設置精準的尺寸,只要預先設置好房間和家具的尺寸,可以很直觀地看出家具實際的擺放效果。
更多實用有趣的功能,需要大家在實踐中探索嘞。
左邊列表為Gliffy Diagram支持的所有功能