> For the complete documentation index, see [llms.txt](https://doc.playturbo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.playturbo.com/video-tools-video-editor/video-editor-user-guide/creative-making-editing-page-module-intro/canvas.md).

# 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>