# 截圖錄屏|deepin-screen-recorder|

## 概述

截圖錄屏係一款集截圖、錄屏於一體嘅小工具，支援圖片編輯、貼圖、滾動截圖、文字識別、錄屏等功能。

![part_area](fig/partarea.png)

## 使用入門

通過以下方式運行、關閉截圖錄屏，同時仲可以建立捷徑。

### 運行截圖錄屏

1. 單擊任務欄上嘅啟動器圖標 ![deepin_launcher](../common/deepin_launcher.svg)，進入啟動器介面。
2. 上下滾動滑鼠滾輪瀏覽或通過搜尋，搵到截圖錄屏圖標 ![deepin_screenshot](../common/deepin_screenshot.svg)，單擊運行。
3. 右鍵單擊 ![deepin_screenshot](../common/deepin_screenshot.svg)，您可以：

   - 單擊 **傳送到桌面**，在桌面建立捷徑。
   - 單擊 **傳送到任務欄**，將應用程式固定到任務欄。
   - 單擊 **開機自動啟動**，將應用程式加入到開機啟動項，在電腦開機時自動運行該應用。

>![tipss](../common/tips.svg) 竅門：在任務欄系統插件區域中，單擊圖標 ![icon](../common/capture.svg) ![icon](../common/status-screen-recording-dark.svg)都可以啟動截圖錄屏應用。

### 關閉截圖錄屏

- 截圖錄屏會在截圖或錄屏結束後自動退出。
- 在截圖錄屏介面，單擊 <img src="../common/close.svg" alt="close" style="zoom:67%;" />，關閉應用。
- 在截圖介面，單擊滑鼠右鍵，選擇 **保存** 或 **退出**。

### 快捷鍵

使用快捷鍵 **Ctrl + Shift + ?** 打開快捷鍵預覽介面。熟練地使用快捷鍵，將大大提升您嘅操作效率。

![1|快捷鍵](fig/hotkey.png)

## 選擇和調整區域

### 選擇截圖錄屏區域

截圖錄屏支援全屏、程式視窗和自選區域嘅選擇。在截圖錄屏時選中對應嘅區域，該區域會高亮顯示，且周圍會出現白色虛線邊框。

> ![notes](../common/notes.svg) 說明：當電腦多屏顯示時，您都可以使用截圖錄屏來截取唔同屏幕上嘅區域。

#### 選擇全屏

截圖錄屏會自動識別目前顯示器嘅整個屏幕。

![1|全屏截圖](fig/fullscreen.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

您可以通過操作以下步驟來選擇全屏：

1. 使用快捷鍵 **Ctrl + Alt + A** 進入截圖模式，或 **Ctrl + Alt + R** 進入錄屏模式。
2. 將滑鼠指針移至桌面上，截圖錄屏會自動選中整個屏幕，並在其左上角顯示目前截圖錄屏區域嘅尺寸大小。
3. 滑鼠左鍵單擊桌面，彈出工具欄。

您都可以直接通過以下步驟來截取全屏：

- 如果您已經將截圖錄屏固定到任務欄，右鍵單擊任務欄上嘅圖標 ![deepin_screenshot](../common/deepin_screenshot.svg)，選擇 **全屏截圖** 。
- 按下鍵盤上嘅 ![print](../common/Print.svg) 鍵，實現全屏截圖。

#### 選擇視窗

截圖錄屏會自動識別目前嘅應用視窗。

![1|視窗截圖](fig/window.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 使用快捷鍵 **Ctrl + Alt + A** 進入截圖模式，或 **Ctrl + Alt + R** 進入錄屏模式。
2. 將滑鼠指針移至打開嘅應用視窗上，截圖錄屏會自動選中該視窗，並在其左上角顯示目前截圖錄屏區域嘅尺寸大小。
3. 滑鼠左鍵單擊視窗，彈出工具欄。

#### 自選區域

您仲可以自由選擇截圖錄屏嘅範圍。

![1|區域截圖](fig/partarea.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 使用快捷鍵 **Ctrl + Alt + A** 進入截圖模式，或 **Ctrl + Alt + R** 進入錄屏模式。
2. 按住滑鼠左鍵唔放，拖動滑鼠選擇截圖錄屏區域，在其左上角將實時顯示目前截圖區域嘅尺寸大小。
3. 釋放滑鼠左鍵完成區域選擇，彈出工具欄。

### 調整截圖錄屏區域

您可以對截圖錄屏區域進行微調，例如放大縮小截取範圍，移動選區位置等。

#### 放大/ 縮小區域

- 將滑鼠指針置於截圖錄屏區域嘅白色邊框上，滑鼠指針變為 ![雙箭頭](../common/Mouse_Arrow.svg)，
按住滑鼠左鍵唔放，拖動滑鼠放大或縮小區域。
- 按下鍵盤上嘅 **Ctrl** + ![向上](../common/Up.svg) 或 ![向下](../common/Down.svg) 來上下擴展區域，按下鍵盤上嘅 **Ctrl** + ![向左](../common/Left.svg) 或 ![向右](../common/Right.svg) 來左右擴展區域。

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

#### 移動區域位置

將滑鼠指針置於截圖錄屏區域上，滑鼠指針為 ![手指](../common/hand.svg)，您可以：
- 按住滑鼠左鍵唔放，拖動滑鼠來移動區域嘅位置。
- 按下鍵盤上嘅 ![向上](../common/Up.svg) 或 ![向下](../common/Down.svg) 來上下移動區域，按下鍵盤上嘅 ![向左](../common/Left.svg) 或 ![向右](../common/Right.svg) 來左右移動區域。

## 截圖

在截圖模式下，單擊工具欄上嘅按鈕，您可以在截圖區域繪製圖形、編輯圖形、添加文字批註、識別圖片中嘅文字等。

![0|截圖工具欄](fig/capturebar.png)

<table class="block1">
    <caption>工具欄說明</caption>
    <tbody>
        <tr>
            <td><img src="../common/rectangle_normal.svg" alt="矩形工具" class="inline" /></td>
            <td>矩形工具</td>
            <td><img src="../common/oval_normal.svg" alt="橢圓工具" class="inline" /></td>
            <td>橢圓工具</td>
             <td><img src="../common/line_mouse.svg" alt="直線工具" class="inline" /></td>
            <td>直線工具</td>
        </tr>
        <tr>
             <td><img src="../common/Arrow_normal.svg" alt="箭頭工具" class="inline" /></td>
            <td>箭頭工具</td>
            <td><img src="../common/Combined_Shape.svg" alt="畫筆工具" class="inline" /></td>
            <td>畫筆工具</td>
            <td><img src="../common/Mosaic_normal.svg" alt="模糊馬賽克工具" class="inline" /></td>
            <td>模糊工具</td>
        </tr>
        <tr>
            <td><img src="../common/text_normal.svg" alt="文本工具" class="inline" /></td>
            <td>文本工具</td>
            <td><img src="../common/scrollshot.svg" alt="滾動截圖" class="inline" /></td>
            <td>滾動截圖</td>
             <td><img src="../common/ocr.svg" alt="識別文字" class="inline" /></td>
            <td>識別文字</td>
        </tr>
        <tr>
             <td><img src="../common/pin.svg" alt="貼圖" class="inline" /></td>
            <td>貼圖</td>
            <td><img src="../common/close.svg" alt="關閉" class="inline" /></td>
            <td>退出截圖</td>
        </tr>
    </tbody>
</table>

> ![notes](../common/notes.svg) 說明：如果您已經對工具欄和屬性欄中如線條粗細、字體大小等進行咗選擇，截圖錄屏會保存設置，再次啟動截圖錄屏，將默認使用該設置，您都可以重新進行選擇。

### 繪製圖形

通過截圖工具欄上嘅按鈕可以繪製簡單嘅圖形。選擇圖形工具後，按住鍵盤上 **Shift** 鍵，拖動滑鼠繪製正方形、圓形或水平/垂直方向嘅直線。

#### 矩形工具

![1|矩形工具](fig/partarea.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![矩形](../common/rectangle_normal.svg)。
2. 在工具欄展開嘅面板中，選擇矩形邊線嘅粗細及顏色，有多種顏色可供選擇。
3. 將滑鼠指針置於截圖區域上，滑鼠指針變為 ![矩形指針](../common/rect_mouse.svg)。
4. 按住滑鼠左鍵唔放，拖動滑鼠完成圖形區域嘅繪製。
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

#### 橢圓工具

![1|橢圓工具](fig/ellipsetool.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![橢圓](../common/oval_normal.svg)。
2. 在工具欄展開嘅面板中，選擇橢圓邊線嘅粗細和顏色，有多種顏色可供選擇。
3. 將滑鼠指針置於截圖區域上，滑鼠指針變為 ![橢圓指針](../common/ellipse_mouse.svg)。
4. 按住滑鼠左鍵唔放，拖動滑鼠完成圖形區域嘅繪製。

#### 直線和箭頭工具

![1|線條工具](fig/line.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![箭頭](../common/line_normal.svg)或 ![箭頭](../common/Arrow_normal.svg)。
2. 在工具欄展開嘅面板中，選擇線條嘅粗細和顏色，有多種顏色可供選擇。
3. 將滑鼠指針置於截圖區域上，滑鼠指針變為 ![線條指針](../common/line_mouse.svg) 或 ![箭頭指針](../common/arrow_mouse.svg)。
5. 按住滑鼠左鍵唔放，拖動滑鼠完成圖形區域嘅繪製。

#### 畫筆工具

![1|pencil](fig/pencil.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![畫筆](../common/Combined_Shape.svg)。
2. 在工具欄展開嘅面板中，選擇畫筆嘅粗細和顏色，有多種顏色可供選擇。
3. 將滑鼠指針置於截圖區域上，滑鼠指針變為 ![畫筆指針](../common/brush_red.svg)。
4. 按住滑鼠左鍵唔放，拖動滑鼠完成圖形區域嘅繪製。

#### 模糊工具

![1|pencil](fig/Mosaic.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![模糊](../common/Mosaic_normal.svg)。
2. 在工具欄展開嘅面板中，可以選擇模糊嘅樣式，默認為![模糊](../common/Mosaic_normal.svg)馬賽克樣式，亦或係![模糊](../common/vague_normal.svg)高斯模糊樣式。
3. 可以選擇繪製嘅方式，如![模糊](../common/rectangle_normal.svg)矩形框選，![模糊](../common/oval_normal.svg)橢圓形框選，![模糊](../common/brush.svg)自由塗抹。
4. 工具欄展開嘅面板嘅最右側，可以左右拖動，選擇模糊嘅強度。

### 修改圖形

如果您在截圖中繪製咗其他嘅圖形，可以對圖形進行修改和移動。

![1|修改圖形](fig/changetool.png)

#### 移動圖形

1. 將滑鼠指針置於圖形嘅邊線上，此時滑鼠指針變為 ![手指](fig/fingers.png)。
2. 按住滑鼠左鍵唔放，將圖形移動到截圖區域嘅任何位置。

#### 編輯圖形

1. 將滑鼠指針置於圖形嘅邊線上，此時滑鼠指針變為 ![手指](fig/fingers.png)。
2. 單擊滑鼠左鍵，進入圖形嘅編輯模式，您可以：
   - 按下鍵盤上嘅 **Delete** 鍵，刪除圖形。
   - 將滑鼠指針置於編輯框上，此時滑鼠指針變成 ![雙箭頭](../common/Mouse_Arrow.svg)，通過拖動滑鼠指針，來放大或縮小圖形區域。
   - 將滑鼠指針置於編輯框嘅 ![旋轉](../common/icon_rotate.svg) 上，此時滑鼠指針變成 ![旋轉](../common/rotate_mouse.svg)，通過拖動滑鼠指針，來旋轉圖形。
3. 在編輯框外單擊滑鼠左鍵，退出編輯模式。

### 添加文字批註

對截取嘅圖片進行文字補充和說明，幫助他人更清晰咁了解截取嘅圖片。

![0|文本框](fig/text.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

1. 在截圖工具欄中，單擊 ![文字](../common/text_normal.svg)。
2. 在工具欄展開嘅面板中，選擇字號和顏色，有四種顏色可供選擇。
3. 將滑鼠指針置於截取嘅圖片上，此時滑鼠指針變為 ![文字指針](../common/text_mouse.svg)。
4. 單擊要添加批註嘅地方，將出現一個待輸入嘅文本框。
5. 在文本框中輸入文字。

### 修改文字批註

如果您已經添加咗文字批註，可以對文字批註進行修改和移動。

#### 移動文字批註

1. 將滑鼠指針置於文字上，此時滑鼠指針變為 ![手指](fig/fingers.png)。
2. 按住滑鼠左鍵唔放，將文字移到截圖區域嘅任何位置。

#### 編輯文字批註

1. 將滑鼠指針置於文字上，此時滑鼠指針變為 ![手指](fig/fingers.png)。
2. 雙擊滑鼠左鍵，進入文字編輯模式，您可以：
   - 按下鍵盤上嘅 **Delete** 鍵，刪除文字批註。
   - 在文本框內，修改文字信息。
3. 在文本框外單擊滑鼠左鍵，退出編輯模式。

### 貼圖|pinscreenshots

通過貼圖功能將截圖變為桌面浮窗，方便您快速查閱、對比和梳理信息。

選擇需要截取嘅區域後，單擊工具欄上嘅貼圖按鈕 ![icon](../common/pin.svg)，截圖浮於桌面上即為貼圖，您可以對貼圖進行如下操作：

- 通過滑鼠移動圖片嘅位置。
- 將滑鼠指針置於圖片上，向上或向下滾動滑鼠滾輪等比縮放圖片。
- 單擊按鈕 ![icon](../common/done.svg) 保存圖片。

![0|option](fig/pin_pic.png)

### 滾動截圖|scrollshot

滾動截圖功能唔單止可以截取屏幕內可見嘅內容，仲可以截取超過屏幕外嘅內容，滿足一次性截取長圖嘅需求。

前提條件： **控制中心 > 個性化** 中嘅視窗特效功能已開啟。

1. 選擇截圖區域後，單擊工具欄上嘅滾動截圖按鈕 ![icon](../common/scrollshot.svg)。
2. 請將滑鼠游標保持在滾動區域內，您可以使用自動滾動或手動滾動截圖，都可以交替使用兩種方式：

   - **自動滾動**：在截圖區域中單擊滑鼠左鍵，游標所在嘅截圖區域自動向上滾動，此時截取嘅圖片會拼接為一張完整嘅長圖。自動滾動過程中，在截圖區域內單擊滑鼠左鍵，或者將游標移出截圖區域，暫停截圖；再次單擊截圖區域，繼續截圖。

   - **手動滾動**：將滑鼠游標置於截圖區域中，向上或者向下滾動滑鼠滾輪截取圖片。停止滾動滑鼠滾輪，暫停截圖；再次滾動滑鼠滾輪，繼續截圖。

3. 單擊工具欄中嘅截圖按鈕 ![icon](../common/done.svg) 保存長圖。

注意事項：
- 截圖區域盡量唔超出滾動範圍，避免框選整個視窗、全屏等。
- 截圖區域唔宜過細，建議高度大於等於50px。
- 截圖區域中盡量避免存在多個滾動區域。
- 滾動截圖區域中盡量唔包含大量重複內容，如空白區域、相同顏色、大段相同文字等。
- 滾動截圖區域中盡量唔包含動圖、影片、水印、純色背景等信息。
- 滾動操作時保持垂直方向偏移，避免滑動滾動條。
- 滾動操作時盡量唔好切換視窗。
- 滾動操作速度唔宜過快。

### 識別文字

對於截圖區域中無法複製嘅內容，可以使用識別文字功能提取文字。

1. 選擇截圖區域後，單擊工具欄上嘅文字識別按鈕 ![ocr](../common/ocr.svg)，彈出圖文識別視窗，識別圖片中嘅文字。
2. 您可以對識別出嘅文字進行編輯、複製或保存為TXT等操作。

![ocr](fig/ocr.png)

### 延時截圖

您可以通過延時截圖功能，捕捉特定狀態或時間下嘅屏幕內容。

- 使用快捷鍵 **Ctrl** + ![icon](../common/Print.svg)，啟動延時截圖。
- 在終端中執行命令 “deepin-screen-recorder -d n”，其中n表示以秒為單位嘅延時時長。

### 保存截圖

將截取嘅圖片保存下來，為後續嘅使用儲存素材！

當截圖保存成功之後，桌面上方彈出提示信息，單擊 **查看**，打開截圖所在嘅文件夾。

開啟截圖錄屏，選定截圖區域後，通過以下操作之一來保存截取嘅圖片：

- 雙擊滑鼠左鍵來保存。
- 單擊工具欄中嘅截圖按鈕 ![icon](../common/done.svg)。
- 使用快捷鍵 **Ctrl + S** 來保存。
- 單擊滑鼠右鍵，選擇 **保存**。

   > ![notes](../common/notes.svg) 說明：在以上操作中，截取嘅圖片默認存放到 **圖片 > Screenshots** 文件夾中。

您仲可以在截圖工具欄中，單擊 **選項** 嘅下拉菜單：

![0|option](fig/option.png)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

- 選擇 **剪貼板**，將圖片保存到剪貼板中。
- 選擇 **桌面**，將圖片保存到桌面。
- 選擇 **圖片**，截圖文件自動保存到圖片文件夾目錄下。
- 選擇 **指定位置**，截圖文件將保存到用戶設定嘅文件夾目錄下。
- 選擇 **顯示游標**，游標在截圖區域內，截圖生成圖片時會同時顯示游標所在嘅位置和樣式。
- 選擇 **PNG/JPG/BMP**，設置圖片格式。
- 選擇**無邊框/投影/外邊框/樣機**，設置圖片邊框效果。

## 錄屏

在錄屏模式下，單擊錄屏工具欄上嘅按鈕，您可以錄製聲音、鏡頭畫面、按鍵顯示、滑鼠點擊等。

> ![notes](../common/notes.svg) 說明：採用唔同嘅解碼技術，其所支援嘅功能都會唔同，具體請參考應用介面。

![0|工具欄](fig/recorder_bar.png)

<table class="block1">
    <caption>工具欄說明</caption>
    <tbody>
        <tr>
            <td><img src="../common/key_normal.svg" alt/></td>
            <td>顯示按鍵</td>
            <td><img src="../common/webcam_normal.svg" alt/></td>
            <td>開啟鏡頭</td>
            <td><img src="../common/switch.svg" alt/></td>
            <td>切換截圖</td>
        </tr>
          <tr>
            <td><img src="../common/close.svg" alt/></td>
            <td>退出錄屏</td>
              <td><img src="../common/done.svg" alt/></td>
            <td>開始錄屏</td>
        </tr>
    </tbody>
</table>

### 錄屏設置

在錄屏工具欄中，您可以：

- 顯示按鍵：單擊按鈕 ![icon](../common/key_normal.svg)，錄屏時顯示鍵盤按鍵操作，最多同時顯示5個按鍵操作。

- 開啟鏡頭：單擊按鈕 ![icon](../common/webcam_normal.svg) ，啟動鏡頭，錄屏時同時錄製鏡頭畫面同屏幕畫面，拖拽鏡頭視窗可以調整位置。

   > ![attention](../common/attention.svg) 注意：請先檢測接入嘅設備是否支援聲音錄製或鏡頭功能，若唔支援，則無法進行相應嘅操作。

- 選項：在選項下拉菜單中選擇 **GIF** 、 **MP4** 或 **MKV** 影片格式，並選擇影片幀率、聲音錄製、顯示游標等。

   > ![notes](../common/notes.svg) 說明：MIPS架構唔支援GIF格式。

### 錄製屏幕

通過以下步驟，捕捉屏幕活動。

1. 使用快捷鍵 **Ctrl + Alt + R** 啟動錄屏。
2. 選擇錄屏區域。
3. 在錄屏工具欄中，對錄屏進行相關嘅設置。
4. 單擊錄屏按鈕 ![icon](../common/done.svg)，3秒倒計時結束後開始錄製，此時托盤區域出現錄製圖標並閃爍。
5. 您可以使用以下方法結束錄製：
   - 使用快捷鍵 **Ctrl + Alt + R**。
   - 單擊任務欄上嘅截圖錄屏圖標。
   - 單擊托盤區域錄製圖標。

錄屏結束後影片將自動保存到桌面。

> ![notes](../common/notes.svg) 說明：
> - 當任務欄在桌面嘅上方或下方時，托盤區域嘅錄製圖標會顯示錄製時長。
> - 在錄製影片時，如果接入多屏顯示器，不論多屏顯示器為複製模式定係擴展模式，僅針對目前操作屏進行錄屏。

## 查看幫助手冊

啟動截圖錄屏後按下鍵盤上嘅 **F1** 鍵可打開幫助手冊。