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支持的所有功能
