Keyframe

PropTypeRequiredExampleValue RangeDescription
idstringtrue--The unique identifier of the keyframe.
timenumbertrue--The time at which the keyframe occurs, in seconds.
stateObjobjecttrue--The state object of the element at the keyframe.
cp1objectfalse--The first control point of the keyframe.
cp2objectfalse--The second control point of the keyframe.
imageElement.json
1{ 2 "id": "39ecb75a-3490-43bd-84c2-72366c2f39f2", 3 "type": "Image", 4 "start": 0, 5 "duration": 5, 6 "trackIndex": 0, 7 "x": 0, 8 "y": 0, 9 "blendMode": "normal", 10 "anchorX": 1302, 11 "anchorY": 2312, 12 "rotation": 0, 13 "scaleX": 0.23356401384083045, 14 "scaleY": 0.23356401384083045, 15 "alpha": 1, 16 "skewX": 0, 17 "skewY": 0, 18 "keyframes": [ 19 { 20 "id": "800350bd-4a24-4440-904c-ec08a8159508", 21 "time": 0, 22 "stateObj": { 23 "alpha": 0 24 }, 25 "cp1": { 26 "x": 0.25, 27 "y": 0.1 28 }, 29 "cp2": { 30 "x": 0.25, 31 "y": 1 32 } 33 }, 34 { 35 "id": "ce3f9b10-2b9e-4266-8cdb-77167f9f16aa", 36 "time": 3, 37 "stateObj": { 38 "alpha": 1 39 }, 40 "cp1": { 41 "x": 0.25, 42 "y": 0 43 }, 44 "cp2": { 45 "x": 0.25, 46 "y": 0.9 47 } 48 } 49 ], 50 "externalUrl": "https://images.pexels.com/photos/30465303/pexels-photo-30465303.jpeg", 51 "ext": "jpeg", 52} 53