Opmerking: Dit element ondersteunt zowel statische afbeeldingen (Afbeeldingstype) als geanimeerde afbeeldingen (Gif-type). Het elementtype moet worden ingesteld op "Afbeelding" voor statische afbeeldingen en "Gif" voor geanimeerde GIF-bestanden.
| Eigenschap | Type | Vereist | Voorbeeld | Waardenbereik | Omschrijving |
|---|---|---|---|---|---|
| width | number | true | - | - | De breedte van het afbeeldingselement. |
| height | number | true | - | - | De hoogte van het afbeeldingselement. |
| externalUrl | string | false | - | - | De URL van het afbeeldingsbestand van een externe bron. |
| ext | string | true | - | - | De bestandsextensie van de afbeelding (bijv. "jpeg", "png", "gif"). |
| tone | object | false | - | - | Aanpassingen aan de afbeeldingstoon, inclusief gamma, verzadiging, contrast, helderheid en kleurkanalen. |
| lut | object | false | - | - | De opzoektafel die wordt gebruikt om de afbeeldingstoon aan te passen. |
| filterAgent | object | false | - | - | De filterconfiguratie die op de afbeelding wordt toegepast. Ondersteunt optionele regio-masking. |
| maskData | object | false | - | - | Maskerconfiguratie om het afbeeldingselement zelf te bijsnijden of te vormen (clipping op node-niveau). Dit is anders dan filterAgent.region, dat beperkt waar filtereffecten worden toegepast. |
Opmerking: De externalUrl moet toegankelijk zijn.
{
"id": "cc150dd5-f952-4945-a0f6-e09707c096a6",
"type": "Image",
"width": 2621,
"height": 3931,
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 0,
"y": 0,
"blendMode": "normal",
"anchorX": 1310.5,
"anchorY": 1965.5,
"rotation": 0,
"scaleX": 0.27473925209870265,
"scaleY": 0.27473925209870265,
"alpha": 1,
"skewX": 0,
"skewY": 0,
"keyframes": [],
"filterAgent": {
"type": "Ascii",
"options": [{ "key": "size", "value": 8, "min": 1, "max": 100 }]
},
"externalUrl": "https://images.pexels.com/photos/30473423/pexels-photo-30473423.jpeg",
"ext": "jpeg",
"tone": {
"gamma": 0.67,
"saturation": 0,
"contrast": 0,
"brightness": 0,
"red": 0,
"green": 0,
"blue": 0
}
}