# 簡易操作說明

## 新增文字方塊

* 圖形說明文字：直接在圖片、圖形上用滑鼠快點左鍵兩下就會出現文字輸入的游標「|」在閃，這個位置不一定，有的會在圖形的中間、有的會在下方、右方…，如果不清楚就先輸入要顯示的文字就看得到了
* 純文字區塊：新增的方式就在圖表空白的地方直接用滑鼠快點左鍵兩下就會新增一個文字區塊

## 修改格式

一般來說點選圖形後會出現三個頁面，分別為

* 物件樣式：可修改圖形的顏色、邊線、透明度及一些特效(圓角、手繪等)

![](/files/-LdydeTTmSLrQ8olL3lt)

* 文字：文字的設定就和word差不多，而且圖示都一樣，但字體的部分目前中文字是沒辦法俢改的

![](/files/-LdydeTV5CFPizmPlStU)

不論是在圖形上的文字還是純文字區塊，俢改格式的方式都一樣，直接用滑鼠點選要設定的文字區塊或圖形後再到右方的格式面版設定，點選滑鼠一下所設定的文字是全部文字一起修改。如果要部分文字修改，請改用滑鼠快點左鍵兩下就會切換成文字輸入模式，用滑鼠拉選要設定的文字內容，然後再到右方的格式面版去做設定，這部分要注意一下，要先選取要設定的文字後設定才有用，可以設定每一個文字的大小、顏色格式等…如下圖

![](/files/-LdydeTXIIrRiQc1DQsX)

* 調整：在這裡可以設定該圖形的大小和位置及角度

![](/files/-LdydeTZbhnbza9e2Tje)

一般來說除非要特別去設定，要不然都是在點選圖形後，會出現如下圖在週圍會有藍色的點，可以去拉動改變大小，而上方黑軍的像一個圈的圖，可以拉動改變角度

![](/files/-LdydeTaUgDJ44CaaZTz)

## 檢視圖表內容

檢查圖表，一般來說都可以用滑鼠去點選工具列上有+、-符號的放大鏡來放大或縮小，上下左右移則可以拉動圖表編輯區的右方及下方的滾軸去觀看，那下方主要是透過鍵盤及滑鼠來快速瀏覽

* 放大：先按ctrl或alt鍵後，滑鼠滾輪往上推
* 縮小：先按ctrl或alt鍵後，滑鼠滾輪往下推
* 看圖表的上方：滑鼠滾輪往上推
* 看圖表的下方：滑鼠滾輪往下推
* 看圖表的左方：先按shift鍵後，滑鼠滾輪往上推
* 看圖表的右方：先按shift鍵後，滑鼠滾輪往下推
* 重置：ctrl+h鍵
* 自由移動：真的很不習慣滑鼠滾來滾去的人，可以透過按住滑鼠右鍵，然後拉動即可，如果滑鼠的滾輪有支援點選功能的，也可以按住滑鼠滾輪來移動
* 畫略圖：當畫面的內容很多，然後又需要放很大來俢改時，可以透過畫略圖來看目前編輯的區塊在整個圖表的那個區塊，可以拉動畫略圖中藍色的方框移到想看的位置，右下角的藍點可以改變觀看的範圍

![](/files/-LdydeTck0NSy_cUtF0A)

## 線條連接點在圖形中任意位置

因為圖形或線條在拉動時會有吸附及固定距離移動，當要把線條拉動到圖形的中間時一般的拉動是沒辦法的，此時可以透過先拉動線條後再按alt鍵就可以自由移動

## 快速複製

一般快速複製就是ctrl+c(複製)然後再ctrl+v(貼上)然後再把新複製的東西移到要放的位置，如果要再快一點，例如要複製很多的個同樣的圖形或文字到不同的位置，可以先按鍵ctrl鍵，然後再用滑鼠點選畫面中的圖形、文字不放，接著拉動，在拉動時會有該圖形的外框，移到要放的位置後，再放開滑鼠(ctrl鍵不放)，可以一直隨意拉動複製

## 圖形對齊及等距

當圖形有很多，就會需要用到對齊及等距，讓畫面看起來比較漂亮，可以透過最上方的功能選單「調整->對齊」及「調整->等距分佈」來處理，在點選前需要先把要處理的圖形先選取起來，選取的方式可以用滑鼠拉動一個範圍來圈選，另外也可以透過按住ctrl或shift後去點選要的圖形，這邊建議使用shift，因為ctrl按著後再用滑鼠點選圖形不小心拉動後就變成複製的功能

![](/files/-LdydeTexJSUdvN_IwHh)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gxiangco.gitbook.io/draw-io/chapter3.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
