| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| subNodesData | array | true | - | - | An array of elements involved in the transition. |
| transform | object | true | - | - | The transformation settings for the shape element, including skew and alpha. |
Note: The
subNodesDataarray contains the elements that are part of the transition. Each element is defined by itsid,type,start,duration,trackIndex,x,y,blendMode,anchorX,anchorY,view,rotation,scaleX,scaleY,alpha,skewX,skewY,transform,keyframes,filterAgent, andshapeTypeproperties.
| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| x | number | true | 0 | >= 0 | The horizontal position of the shape element, in pixels. |
| y | number | true | 0 | >= 0 | The vertical position of the shape element, in pixels. |
| anchorX | number | true | - | - | The x-coordinate of the anchor point relative to the shape element, in pixels. |
| anchorY | number | true | - | - | The y-coordinate of the anchor point relative to the shape element, in pixels. |
| rotation | number | true | 0 | >= 0 | The rotation angle of the shape element, in degrees. |
| scaleX | number | true | 1 | > 0 | The horizontal scaling factor of the shape element. A value greater than 1 enlarges the element, while a value between 0 and 1 shrinks it. |
| scaleY | number | true | 1 | > 0 | The vertical scaling factor of the shape element. A value greater than 1 enlarges the element, while a value between 0 and 1 shrinks it. |
| alpha | number | true | 1 | 0 - 1 | The transparency level of the shape element. 1 represents full opacity, and 0 represents full transparency. |
1{
2 "id": "515905bc-f994-47a7-a4a9-77adefaee4a6",
3 "type": "Group",
4 "start": 0,
5 "duration": 5,
6 "trackIndex": 0,
7 "x": 0,
8 "y": 0,
9 "blendMode": "normal",
10 "anchorX": 256,
11 "anchorY": 255.99999999999997,
12 "view": null,
13 "rotation": 0,
14 "scaleX": 1,
15 "scaleY": 1,
16 "alpha": 1,
17 "skewX": 0,
18 "skewY": 0,
19 "transform": {
20 "x": 0,
21 "y": 0,
22 "anchorX": 0,
23 "anchorY": 0,
24 "rotation": 0,
25 "scaleX": 1,
26 "scaleY": 1,
27 "alpha": 1
28 },
29 "keyframes": [],
30 "filterAgent": null,
31 "subNodesData": [
32 {
33 "id": "59ec2ebf-2860-4482-a1a0-d21aa574f99e",
34 "type": "Shape",
35 "start": 0,
36 "duration": 5,
37 "trackIndex": 3,
38 "x": 0,
39 "y": 0,
40 "blendMode": "normal",
41 "anchorX": 0,
42 "anchorY": 0,
43 "view": {
44 "x": 0,
45 "y": 0,
46 "scaleX": 1,
47 "scaleY": 1,
48 "rotation": 0,
49 "anchorX": 0,
50 "anchorY": 0
51 },
52 "rotation": 0,
53 "scaleX": 1,
54 "scaleY": 1,
55 "alpha": 1,
56 "skewX": 0,
57 "skewY": 0,
58 "transform": {
59 "x": 0,
60 "y": 0,
61 "anchorX": 0,
62 "anchorY": 0,
63 "rotation": 0,
64 "scaleX": 1,
65 "scaleY": 1,
66 "alpha": 1
67 },
68 "keyframes": [],
69 "filterAgent": null,
70 "shapeType": "SHAPE_PATH",
71 "fill": "#EAA0E3",
72 "fillAlpha": 1,
73 "fillType": 1,
74 "stroke": null,
75 "strokeWidth": 1,
76 "paths": [
77 {
78 "c": 1,
79 "v": [
80 [
81 349.601,
82 146.124
83 ],
84 [
85 345.894,
86 171.368
87 ],
88 [
89 174.8,
90 268.894
91 ],
92 [
93 135.70100000000002,
94 265.807
95 ],
96 [
97 118.95800000000003,
98 262.498
99 ],
100 [
101 31.56900000000003,
102 309.817
103 ],
104 [
105 67.26600000000003,
106 242.913
107 ],
108 [
109 0,
110 146.124
111 ],
112 [
113 174.801,
114 23.354
115 ],
116 [
117 349.601,
118 146.124
119 ]
120 ],