| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| subNodesData | array | true | - | - | 전환에 관련된 요소들의 배열. |
주의:
subNodesData배열은 전환의 일부인 요소들을 포함합니다. 각 요소는id,type,start,duration,trackIndex,x,y,width,height,anchorX,anchorY,rotation,scaleX,scaleY,alpha,blendMode,hidden,locked,keyframes,filterConfig, 및maskData와 같은 공통 VNode 속성을 가지고 있습니다. 다양한 요소 유형(Shape, Text, Image, Video 등)은 각각 고유한 속성을 가지고 있으므로, 자세한 내용은 해당 요소 문서를 참조하시기 바랍니다.
주의: 이러한 변환 속성은 그룹 요소 자체에 직접 적용되며, 별도의
transform객체에 중첩되어 있지 않습니다.
| 소품 | 유형 | 필수 | 예시 | 값 범위 | 설명 |
|---|---|---|---|---|---|
| x | number | true | 0 | >= 0 | 그룹 요소의 수평 위치(픽셀 단위). |
| y | number | true | 0 | >= 0 | 그룹 요소의 수직 위치(픽셀 단위). |
| anchorX | number | true | - | - | 그룹 요소에 대한 앵커 포인트의 x좌표(픽셀 단위). |
| anchorY | number | true | - | - | 그룹 요소에 대한 앵커 포인트의 y좌표(픽셀 단위). |
| rotation | number | true | 0 | >= 0 | 그룹 요소의 회전 각도(도 단위). |
| scaleX | number | true | 1 | > 0 | 그룹 요소의 수평 스케일링 계수. 1보다 큰 값은 요소를 확대하고, 0과 1 사이의 값은 요소를 축소합니다. |
| scaleY | number | true | 1 | > 0 | 그룹 요소의 수직 스케일링 계수. 1보다 큰 값은 요소를 확대하고, 0과 1 사이의 값은 요소를 축소합니다. |
| alpha | number | true | 1 | 0 - 1 | 그룹 요소의 투명도 수준. 1은 완전 불투명, 0은 완전 투명함을 나타냅니다. |
{
"id": "515905bc-f994-47a7-a4a9-77adefaee4a6",
"type": "Group",
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 256,
"anchorY": 255.99999999999997,
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"alpha": 1,
"keyframes": [],
"subNodesData": [
{
"id": "59ec2ebf-2860-4482-a1a0-d21aa574f99e",
"type": "Shape",
"start": 0,
"duration": 5,
"trackIndex": 3,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 0,
"anchorY": 0,
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"alpha": 1,
"keyframes": [],
"shapeType": "SHAPE_PATH",
"fill": "#EAA0E3",
"fillAlpha": 1,
"fillType": 1,
"stroke": null,
"strokeWidth": 1,
"paths": [
{
"c": 1,
"v": [
[
349.601,
146.124
],
[
345.894,
171.368
],
[
174.8,
268.894
],
[
135.70100000000002,
265.807
],
[
118.95800000000003,
262.498
],
[
31.56900000000003,
309.817
],
[
67.26600000000003,
242.913
],
[
0,
146.124
],
[
174.801,
23.354
],
[
349.601,
146.124
]
],
"i": [
[
0,
0
],
[
2.4329999999999927,
-8.150000000000006
],
[
84.21999999999997,
0
],
[
12.568999999999988,
2.0229999999999677
],
[
5.459999999999994,
1.2860000000000014
],
[
0,
0
],
[
-4.677000000000007,
19.093999999999994
],
[
0,
39.321
],
[
-96.54399999999998,
0
],
[
0,
-67.804
]
],
"o": [
[
0,
8.651999999999987
],
[
-16.567999999999984,
55.691
],
[
-13.445999999999998,
0
],
[
-5.693999999999988,
-0.9119999999999777
],
[
-33.803,
35.70800000000003
],
[
21.046,
-21.045999999999992
],
[
-40.93500000000003,
-22.461000000000013
],
[
0,
-67.804
],
[
96.54399999999998,
0
],
[
0,
0
]
],
"lenArr": [
25.579404172545626,
209.67296180573433,
39.224081961320735,
17.05376168337745,
100.64679500403774,
76.71178651815525,
123.63460029020465,
235.24598890538286,
235.33143900886427,
0
]
}
]
},
{
"id": "ae6301c1-d6e6-4243-80dd-eaf672d6371f",
"type": "Shape",
"start": 0,
"duration": 5,
"trackIndex": 2,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 0,
"anchorY": 0,
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"alpha": 1,
"keyframes": [],
"shapeType": "SHAPE_PATH",
"fill": "#D57CD4",
"fillAlpha": 1,
"fillType": 1,
"stroke": null,
"strokeWidth": 1,
"paths": [
{
"c": 1,
"v": [
[
345.895,
171.368
],
[
174.801,
268.894
],
[
135.702,
265.807
],
[
306.796,
168.281
],
[
345.895,
171.368
]
],
"i": [
[
0,
0
],
[
84.21999999999997,
0
],
[
12.568999999999988,
2.0229999999999677
],
[
-84.208,
0
],
[
-12.56899999999996,
-2.022999999999996
]
],
"o": [
[
-16.567999999999984,
55.691
],
[
-13.445999999999998,
0
],
[
16.568000000000012,
-55.691
],
[
13.446000000000026,
0
],
[
0,
0
]
],
"lenArr": [
209.67296180573433,
39.224081961320735,
209.67152777616334,
39.224081961320685,
0
]
}
]
},
{
"id": "1751a04d-8099-40ef-b65e-00ad9cdb0901",
"type": "Shape",
"start": 0,
"duration": 5,
"trackIndex": 1,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 0,
"anchorY": 0,
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"alpha": 1,
"keyframes": [],
"shapeType": "SHAPE_PATH",
"fill": "#F4C063",
"fillAlpha": 1,
"fillType": 1,
"stroke": null,
"strokeWidth": 1,
"paths": [
{
"c": 1,
"v": [
[
337.199,
202.183
],
[
512,
324.953
],
[
444.729,
421.748
],
[
480.43,
488.64599999999996
],
[
393.04200000000003,
441.32199999999995
],
[
337.19800000000004,
447.7219999999999
],
[
162.39700000000005,
324.95199999999994
],
[
337.199,
202.183
]
],
"i": [
[
0,
0
],
[
0,
-67.80399999999997
],
[
40.94499999999999,
-22.470000000000027
],
[
-21.04600000000005,
-21.045999999999992
],
[
33.80099999999999,
35.71199999999999
],
[
19.528999999999996,
0
],
[
0,
67.80399999999997
],
[
-96.53900000000002,
0
]
],
"o": [
[
96.54000000000002,
0
],
[
0,
39.32299999999998
],
[
4.684000000000026,
19.083000000000027
],
[
0,
0
],
[
-17.536,
4.149999999999977
],
[
-96.54000000000002,
0
],
[
0,
-67.80399999999997
],
[
0,
0
]
],
"lenArr": [
235.33150461224054,
123.62077807065963,
76.67662847333223,
100.50129522256015,
56.277243884479006,
235.3315046122402,
235.24532892846491,
0
]
}
]
},
{
"id": "4ae69f82-d0da-4e86-a1c2-c5f8664e9e71",
"type": "Shape",
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 0,
"anchorY": 0,
"rotation": 0,
"scaleX": 1,
"scaleY": 1,
"alpha": 1,
"keyframes": [],
"shapeType": "SHAPE_PATH",
"fill": "#EC589B",
"fillAlpha": 1,
"fillType": 1,
"stroke": null,
"strokeWidth": 1,
"paths": [
{
"c": 1,
"v": [
[
337.199,
302.542
],
[
371.163,
262.553
],
[
413.618,
312.539
],
[
337.199,
398.945
],
[
260.78000000000003,
312.539
],
[
303.235,
262.553
],
[
337.199,
302.542
]
],
"i": [
[
0,
0
],
[
-18.75799999999998,
0
],
[
0,
-27.60699999999997
],
[
35.52600000000001,
-18.161
],
[
0,
34.507000000000005
],
[
-23.447000000000003,
0
],
[
0,
-22.085999999999956
]
],
"o": [
[
0,
-22.086000000000013
],
[
23.44799999999998,
0
],
[
0,
34.50799999999998
],
[
-35.52600000000001,
-18.161999999999978
],
[
0,
-27.60699999999997
],
[
18.75799999999998,
0
],
[
0,
0
]
],
"lenArr": [
58.13106781382556,
72.65120177100512,
120.25373751162658,
120.26965774944297,
72.66344278949998,
58.121085718814925,
0
]
}
]
}
]
}