# Canvas

Canvas Layout：Preview area、Playback and progress bar、Canvas scale、Scale、Full-screen play.

<figure><img src="/files/DLOMXkztfDgMysChNvDE" alt=""><figcaption></figcaption></figure>

## 1.Preview area

* Display all elements at the position of the current time.
* Elements can be selected in the preview frame and edited for size and position.

### 1）Selected element

* Click the corresponding element in the canvas to further edit its parameters

### 2）Position adjustment

* After selecting the element, click and drag to adjust the position of the element

### 3）Width / Height adjustment

* After selecting the element, you can click and drag the four corners of the element to adjust the width and height
* The default is proportional scaling, which can be set to unequal scaling in the parameter area, and then the unequal ratio of width and height can be adjusted

<figure><img src="/files/ZbC5wf0M5t6OLz86NAIq" alt=""><figcaption></figcaption></figure>

## 2.Playback and progress bar

* You can click the “▶️” button to preview the assets added to track.
* You can click the “⏸️” button to stop the playback of the video.
* The progress bar indicates the current time position.
* The progress bar can be adjusted by adjusting the time cursor in the track.

<figure><img src="/files/OSJuVhl1Gkd2FQLTK3wX" alt=""><figcaption></figcaption></figure>

## 3.Canvas scale

* Multiple canvases of different sizes can be created simultaneously.
* The linkage button can link multiple canvases together, so that adjusting the same material in one canvas will affect the linked canvases as well.
* The delete button allows removing unnecessary canvas sizes.
* Optional canvas ratios: 16:9/9:16/4:3/3:4/4:5/1:2/1:1

<div align="left"><figure><img src="/files/7OuqJwIReXf0JiDN9nLb" alt="" width="385"><figcaption></figcaption></figure></div>

## 4.**Scale**

* Affects the display ratio of the preview area, the larger the number, the larger the zoom of the preview area
* Optional range 50% \~ 100%

<div align="left"><figure><img src="/files/97kDwH2rVo77ZiUf9B2z" alt=""><figcaption></figcaption></figure></div>

## 5.Full-screen play

* Click to enter full-screen playback
* Can exit full screen at any time

<figure><img src="/files/7lKCepUlLP1oK7Qv7LXQ" alt=""><figcaption></figcaption></figure>


---

# 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://doc.playturbo.com/video-tools-video-editor/video-editor-user-guide/creative-making-editing-page-module-intro/canvas.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.