| 屬性 | 類型 | 必要 | 範例 | 值範圍 | 描述 |
|---|---|---|---|---|---|
| subNodesData | array | true | - | - | 參與過渡的元素陣列。 |
注意：
subNodesData陣列包含了過渡中所涉及的元素。每個元素具有共同的 VNode 屬性，例如id、type、start、duration、trackIndex、x、y、width、height、anchorX、anchorY、rotation、scaleX、scaleY、alpha、blendMode、hidden、locked、keyframes、filterConfig和maskData。不同的元素類型（形狀、文本、圖像、視頻等）具有其特定的屬性 - 請參考相應的元素文檔以獲取詳細信息。
注意：這些變換屬性是直接在群組元素本身上，而不是嵌套在單獨的
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
]
}
]
}
]
}