요소의 유형이 비디오, 이미지, GIF, 텍스트, 도형, 캡션, 3D, LaTeX 또는 함수 그래프인 경우, 이는 뷰 요소로 간주됩니다.
뷰 요소에는 다음과 같은 공통 매개변수가 포함됩니다:
| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| x | number | true | 219.7891655835374 | - | 캔버스에서 요소의 수평 위치, 픽셀 단위. |
| y | number | true | 118.11410279159713 | - | 캔버스에서 요소의 수직 위치, 픽셀 단위. |
| anchorX | number | true | - | - | 요소에 대한 앵커 포인트의 x좌표, 픽셀 단위. |
| anchorY | number | true | - | - | 요소에 대한 앵커 포인트의 y좌표, 픽셀 단위. |
| rotation | number | true | -0.4599415612411819 | >= 0 | 요소의 회전 각도, 도 단위(시계 방향). |
| scaleX | number | true | 1 | > 0 | 요소의 수평 스케일링 계수. 1보다 큰 값은 요소를 확대하고, 0과 1 사이의 값은 요소를 축소합니다. |
| scaleY | number | true | 1 | > 0 | 요소의 수직 스케일링 계수. 1보다 큰 값은 요소를 확대하고, 0과 1 사이의 값은 요소를 축소합니다. |
| skewX | number | false | 0 | >= 0 | 요소의 수평 기울기 각도, 도 단위. |
| skewY | number | false | 0 | >= 0 | 요소의 수직 기울기 각도, 도 단위. |
| alpha | number | true | 1 | 0 - 1 | 요소의 불투명도. 1은 완전히 보이는 상태를 의미하고, 0은 완전히 투명한 상태를 의미합니다. |
| z | number | false | 0 | - | 3D 공간에서 요소의 깊이 위치. 단위는 픽셀과 일치하며, z=0은 캔버스 평면에 해당합니다. 주로 3D 요소에 사용됩니다. |
| rotationX | number | false | 30 | - | X축을 중심으로 한 회전, 도 단위. 3D 변환에 사용됩니다. |
| rotationY | number | false | 45 | - | Y축을 중심으로 한 회전, 도 단위. 3D 변환에 사용됩니다. |
| scaleZ | number | false | 1 | > 0 | Z축을 따라 스케일링 계수. 1보다 큰 값은 깊이에서 요소를 확대하고, 0과 1 사이의 값은 요소를 축소합니다. 3D 요소에 사용됩니다. |
| anchorZ | number | false | 0 | - | 3D 공간에서 앵커 포인트의 z좌표. 깊이 축을 따라 피벗 포인트를 설정하기 위해 3D 요소에 사용됩니다. |
| blendMode | string | false | normal | normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion | 이 요소를 다른 요소와 합성할 때 사용되는 블렌드 모드. 색상이 결합되는 방식을 결정합니다. |
| keyframes | array | false | - | - | 비디오 요소의 애니메이션 상태와 전환을 정의하는 키프레임 배열. |
{
"id": "bba95c7f-652b-4380-b166-6bece989f527",
"type": "Image",
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 0,
"y": 0,
"width": 3629,
"height": 5444,
"blendMode": "normal",
"anchorX": 1814.5,
"anchorY": 2722,
"rotation": 0,
"scaleX": 0.19838354151359294,
"scaleY": 0.19838354151359294,
"alpha": 1,
"skewX": 0,
"skewY": 0,
"hidden": false,
"locked": false,
"keyframes": [],
"externalUrl": "https://images.pexels.com/photos/33189512/pexels-photo-33189512.jpeg",
"ext": "jpeg"
}