> For the complete documentation index, see [llms.txt](https://docs.avis.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avis.net/vi/avis-creative-studio/canvas-fundamentals/canvas-interface-overview.md).

# Tổng quan giao diện Canvas

Canvas có bốn khu vực chính:

* **Canvas Navigation Bar:** Công cụ điều hướng ở góc dưới bên trái.
* **Bottom Canvas Toolbar:** Công cụ thêm node, nhập media, cộng tác, chia sẻ và mở trợ giúp.
* **Agent:** Bảng tương tác với Agent ở góc trên bên phải.
* **Main Canvas:** Khu vực trung tâm chứa tài nguyên, node, đầu vào, đầu ra và các kết nối.

#### Canvas Navigation Bar

**Canvas Navigation Bar** chứa các công cụ giúp bạn di chuyển và điều hướng trên Canvas.

<figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-0ca194a645419cabf8db06e17559800c9869ea3d%2Fimage%20(139).png?alt=media" alt="" width="267"><figcaption><p>Các điều khiển điều hướng Canvas</p></figcaption></figure>

<table><thead><tr><th width="170.125732421875">Công cụ</th><th>Chức năng</th></tr></thead><tbody><tr><td>Assets Manager</td><td>Mở danh sách tài nguyên trong Canvas hiện tại.</td></tr><tr><td>Canvas Mini Map</td><td>Hiển thị một bản đồ nhỏ để bạn xem tổng quan mọi thứ trên Canvas.</td></tr><tr><td>Connections</td><td>Hiện hoặc ẩn mọi kết nối trên Canvas.</td></tr><tr><td>Focus</td><td>Quay lại node hoặc nhóm đang chọn. Chọn một node hoặc nhóm, sau đó nhấn <strong>F</strong> để focus vào đó.</td></tr><tr><td>Workflow Layout</td><td>Đặt lại khung nhìn để hiển thị toàn bộ quy trình trên Canvas.</td></tr><tr><td>Lock Canvas</td><td>Khóa thao tác di chuyển khung nhìn nhưng vẫn cho phép phóng to/thu nhỏ, giúp bạn không vô tình rời khỏi khu vực đang làm việc.</td></tr></tbody></table>

#### Bottom Canvas Toolbar

**Bottom Canvas Toolbar** chứa các công cụ thêm nội dung, quản lý tài nguyên, cộng tác, chia sẻ Canvas và mở trợ giúp. Thanh này cũng có **Toolbox**, **Share & Publish** và **Help**.

* **Add (+)**\
  Mở menu Add. Bạn cũng có thể nhấp chuột phải vào Canvas hoặc nhấn **Tab**. Cả ba thao tác đều mở cùng menu. Gõ vào **Search** để tìm mục cần dùng, dùng **↑ ↓** để di chuyển và nhấn **Enter** để chọn.\
  Menu có năm nhóm:\
  • **Generate:** Text, Image, Video, Audio, Script, Cinema camera, 3D Staging, Smart editing và VFX. Xem Hướng dẫn tính năng để biết chi tiết từng mục.\
  • **VFX:** một menu con gồm AVIS depth, AVIS background remove, Object tracker và VFX Pass Generator.\
  • **Add resources:** Dùng **Upload** để thêm tệp từ máy tính. Dùng **Select from creation** để thêm media đã tạo trước đó trong Avis.\
  • **Library:** Chứa các Characters, Locations, Element, Style và Color palettes bạn đã lưu. Mở một nhóm, chọn mục rồi thêm vào Canvas.\
  • **Utilities:** **Sticky note** (Annotation Node), **Frame** và **Table**.

<figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-d48a6ee0baef0040883e2eb96764928df864f45f%2Fimage%20(33).png?alt=media" alt="" width="563"><figcaption><p>Menu Add: Generate, Add resources, Library và Utilities</p></figcaption></figure>

* **Import Media**\
  Thêm tài nguyên hoặc media vào Canvas. Bạn cũng có thể kéo thả chúng trực tiếp vào Canvas.
* **Move**\
  Dùng Select để kéo khung và chọn nhiều đối tượng. Dùng Hand Tool để di chuyển khung nhìn mà không tạo vùng chọn.
* **Toolbox**
  * Lưu một nhóm tài nguyên để dùng lại trong các Canvas hoặc tập khác.
  * Chọn các tài nguyên ⇒ nhấp chuột phải và chọn Group ⇒ chọn Add to Toolbox ⇒ nhập tên và nhấn Create. Gõ @ để chèn một nhóm đã lưu.

<div><figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-4bf3db533695c0a331270ffb26740cfa47ac4529%2Fimage%20(144).png?alt=media" alt="" width="563"><figcaption><p>Thêm một nhóm vào Toolbox</p></figcaption></figure> <figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-ac7a3d68ab991b165ed78e5d78eb33cb5292599c%2Fimage%20(145).png?alt=media" alt="" width="563"><figcaption><p>Tạo và dùng lại một nhóm Toolbox</p></figcaption></figure></div>

* **Share project and members**\
  Mở cửa sổ **Share this project** để mời người khác tham gia dự án và đặt quyền truy cập (**Can edit**, **Can view** hoặc **Admin**). Xem **Dự án & Thành viên** để biết các bước, vai trò và thông tin về credit.

<figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-c537b48b14fd0c4585b9b69ddd99dd700137d4c8%2Fimage%20(15).png?alt=media" alt="" width="469"><figcaption><p>Chia sẻ dự án này</p></figcaption></figure>

* **Share & Publish**\
  Chia sẻ hoặc xuất bản tác phẩm theo một trong bốn phạm vi:\
  • Publish as workflow app: Chỉ hiển thị các đầu vào mà người dùng cần cung cấp để chạy quy trình.\
  • Publish Template: Xuất bản Canvas dưới dạng template để chia sẻ với cộng đồng.\
  • Entire workspace: Chia sẻ mọi tập và Canvas trong Workspace.\
  • Current episode: Chỉ chia sẻ Canvas đang mở.
* **Help (?)**\
  Mở menu Help với các mục:\
  • **Feedback:** gửi phản hồi về Avis Creative Studio.\
  • **Tutorial:** mở các hướng dẫn.\
  • **Feature request:** đề xuất tính năng mới.\
  • **Shortcuts:** xem và tùy chỉnh phím tắt. Xem **Phím tắt**.

#### Agent

Bảng **Agent** ở góc trên bên phải cho phép bạn làm việc với Agent trên Canvas. Xem **Agent & Tích hợp**.

<figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-e2a684bc15936bca4cd8ad3b7de1456f696b33b9%2Fimage%20(146).png?alt=media" alt="" width="378"><figcaption><p>Bảng Agent trong Canvas</p></figcaption></figure>

#### Main Canvas

**Main Canvas** là không gian làm việc trung tâm của Canvas đang mở. Mọi tài nguyên, node, đầu vào, đầu ra và kết nối trong quy trình của bạn đều hiển thị tại đây.

Các thao tác cơ bản trên Main Canvas:

<table><thead><tr><th width="193.953857421875">Thao tác</th><th width="539.5716552734375">Cách thực hiện</th></tr></thead><tbody><tr><td>Chọn một node</td><td>Nhấn vào node.</td></tr><tr><td>Chọn nhiều node</td><td>Kéo khung chọn bao quanh các node.</td></tr><tr><td>Di chuyển node</td><td>Kéo các node đã chọn tới vị trí bạn muốn.</td></tr><tr><td>Sắp xếp node</td><td>Chọn <strong>Grid arrangement</strong>, <strong>Horizontal arrangement</strong> hoặc <strong>Vertical arrangement</strong>.</td></tr><tr><td>Phóng to/thu nhỏ</td><td>Dùng con lăn chuột để phóng to hoặc thu nhỏ.</td></tr><tr><td>Di chuyển khung nhìn</td><td>Giữ nút chuột giữa và kéo để di chuyển nhanh quanh Canvas.</td></tr><tr><td>Tạo node</td><td>Nhấp chuột phải vào vị trí bạn muốn thêm node, nhấn <strong>+</strong> trên Bottom Canvas Toolbar, hoặc nhấn <strong>Tab</strong>. Cùng một menu Add sẽ mở ra.</td></tr></tbody></table>

<div><figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-e60c3db9cb987a9ceac6569a3b0d4b9d3642365d%2Fimage%20(147).png?alt=media" alt="" width="563"><figcaption><p>Sắp xếp các node đã chọn</p></figcaption></figure> <figure><img src="https://1381001042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBqtOszkBUadA4v68IeIc%2Fuploads%2Fgit-blob-dad9c160e6101abbeb92e9a3613ca528daf1a120%2Fimage%20(148).png?alt=media" alt="" width="563"><figcaption><p>Các node được sắp xếp theo chiều ngang</p></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.avis.net/vi/avis-creative-studio/canvas-fundamentals/canvas-interface-overview.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
