# Image Parameters

The image parameters contains exterior parameters and animation parameters:

* The image size can be modified and the position can be moved
* Subtract the background of the image
* Animate images

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FsFQoHKCm3omo1l8GoqRK%2Fimage.png?alt=media&#x26;token=7fc672b4-e998-4213-bb96-fc59ec8e760c" alt=""><figcaption></figcaption></figure></div>

## Exterior-Basic

* Position: X & Y represent the position of the center point of the element in the canvas. You can enter numbers to modify, or drag and drop in the preview area to modify.
* Width & Height: W & H represent the width and height of the element. You can enter numbers to modify, or drag and drop in the preview area to modify.
* Lock Scale: Locked by default. Adjusting the width and height when locked will be scaled in the same proportion. Unlock it to modify the ratio.
* Rotation: 0 degrees by default. You can enter a number to adjust the rotation angle of the element.
* Opacity: The range is 0 to 100%, and the default is 100%. You can enter a number to adjust the opacity of this element.
* Watermark：0～100，and the default is 0.You can enter a number to adjust the drift speed of the watermark.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2F7kJk34SHQI6TMDBKeh7n%2Fimage.png?alt=media&#x26;token=18be1797-0668-4d6c-9ac9-0d90c4b5d562" alt=""><figcaption></figcaption></figure></div>

## Exterior-Cutout

* Chroma Key: Chroma Key is used to cut out the picture background of videos and pictures.
* Color Picker: Use this to click the background to be subtracted color from the canvas.
* Intensity: The brightness value tolerance of the color selected by the color picker, the larger the value, the larger the brightness range to be cut out.
* Feather: the tolerance of the RGB value of the color selected by the color picker, the larger the value, the larger the range of the color to be cut out.
* Cutout Steps: use the color picker to select the color you want to cut out in the canvas, then adjust the intensity & range parameters to achieve the desired effect.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2FMB4R1UYnEX9yaZd2Ac5c%2Fimage.png?alt=media&#x26;token=2ed2ce5c-4524-4636-a79b-9f1c2426e9aa" alt=""><figcaption></figcaption></figure></div>

## Animation

* Image can add the following animation effects:  In animation, Out animation,Combo animation, Loop animation.
* The "in" animation is added to the image at the beginning.
* The  "out"  animation is added to the image at the end.
* Combo animation is applied to the entire image display duration.
* Both entrance animations and exit animations can be simultaneously added to the image
* Animation speed is configurable.

<div align="left"><figure><img src="https://695199083-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4PyzU9CRLR4XKbxmIEid%2Fuploads%2Fibrji3wp94IhwY0koYKP%2Fimage.png?alt=media&#x26;token=443c2a67-a999-490a-ba36-a7fe2eda7fbd" alt=""><figcaption></figcaption></figure></div>
