Filter can be an attribute of an image or video element, affecting that specific element, or it can be an element itself, applying to the entire canvas.
| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| type | string | true | Pixelate | Pixelate | Ascii | CRT | Glitch | Bloom | RGB Split | Old Film | Dot | Emboss | Hatch | Basic Blur | Motion Blur | TiltShift | Zoom | Glow | Noise | Koda | Polaroid | Sepia | Lsd | Desaturate | Saturate | The type of filter agent applied to the image or video element. |
| options | array | true | - | - | An array of filter options. |
1{
2 "type": "",
3 "width": 1920,
4 "height": 1080,
5 "fill": "#000000",
6 "view": [
7 {
8 "id": "6b91fbc5-a69c-4783-8216-395b8feac9b2",
9 "type": "Image",
10 "start": 0,
11 "duration": 5,
12 "trackIndex": 1,
13 "x": 0,
14 "y": 0,
15 "blendMode": "normal",
16 "anchorX": 1310.5,
17 "anchorY": 1965.5,
18 "rotation": 0,
19 "scaleX": 0.27473925209870265,
20 "scaleY": 0.27473925209870265,
21 "alpha": 1,
22 "skewX": 0,
23 "skewY": 0,
24 "keyframes": [],
25 "filterAgent": { "type": "RGB Split" },
26 "externalUrl": "https://images.pexels.com/photos/30473423/pexels-photo-30473423.jpeg",
27 "ext": "jpeg"
28 }
29 ],
30 "audio": [],
31 "effect": [
32 {
33 "id": "87043853-c68d-4553-a7cb-6f4d503e9f17",
34 "start": 0,
35 "duration": 5,
36 "trackIndex": 0,
37 "filterAgent": {
38 "type": "Pixelate",
39 "options": [{ "key": "size", "value": 8, "min": 1, "max": 100 }]
40 },
41 "type": "Filter"
42 }
43 ],
44 "transition": [],
45 "version": 0,
46 "duration": 5
47}
48