底圖

加入底圖目前有2種方式

1. 頁面設定

2. 直接將檔案拖曳到編輯畫面

頁面設定

可以從功能功中的「檔案->頁面設定」，如下圖，點選圖片旁邊的「變更」

依畫面中的提示「把圖片或連結拖到這裏」，然後點選套用後，就可以看到圖片載入到畫面中，但無法點選到底圖

直接將檔案拖曳到編輯畫面

開啟「檔案總管」視窗，然後直接點選底圖然後拖曳到draw.io中的編輯畫面，底圖就會出現在畫面中，接著點選底圖，右邊就會出現如下圖的功能列，請點選「調整」分頁，再下方的「位置」左上的欄位都設定為0

兩個方式的差異

• 頁面設定方式，不會將底圖加入圖層中，真的只是背景而以，所以透過圖層(檢視->圖層 Ctrl+Shift+L)，去把目前的圖層的勾勾取消時，背景還是顯示在畫面中，但透過「檔案拖曳到編輯畫面」的方式時，該底圖就是存在於圖層中，所以可以控制是否顯示底圖。

• 頁面設定方式加入底圖，目前範例在底圖中加入兩個紫色方塊，分別為方塊1、方塊2，執行匯出(檔案->匯出為->xxx)檔案時，會依目前有勾選圖層中有物件的範圍匯出，因為頁面設定方式，在圖層中沒有底圖，只有兩個物件，方塊1、方塊2，所以只會匯出此兩個物件的內容，會看到如下圖的畫面…

如果使用「檔案拖曳到編輯畫面」的方式時，該底圖就是存在於圖層中，所以會匯出所有物件的範圍，如果其他物件沒有超過底圖的範圍，那底圖就是最大的區塊，匯出內容如下圖...

結論

使用「頁面設定」的方式加入底圖，在畫圖加物件時，不會移動到底圖，因為它只是背景，但使用「檔案拖曳到編輯畫面」這種方式，加物件拉動時可能不小心移動到底圖，那處理方式就是先點底圖，然後在位置的地方，設定左上為「0」，所以如上所說的，加入底圖後先設定位置左上為「0」，這樣就不會造成物件和底圖的位置跑掉。

那比較好的方式就是使用「檔案拖曳到編輯畫面」+「圖層」，意思就是把底圖就設定為一個圖層，其它物件就新增圖層去處理，然後可以把底圖的圖層做鎖定，如下圖，背景為底圖的圖層，然後前方有一個鎖的圖案，點選後可以「鎖定/解鎖」，鎖定後就不會再點選到底圖嘍！