Élément Image

Remarque : Cet élément prend en charge à la fois les images statiques (type Image) et les images animées (type Gif). Le type d'élément doit être défini sur "Image" pour les images statiques et "Gif" pour les fichiers GIF animés.

Propriété	Type	Requis	Exemple	Plage de valeurs	Description
width	number	true	-	-	La largeur de l'élément image.
height	number	true	-	-	La hauteur de l'élément image.
externalUrl	string	false	-	-	L'URL du fichier image provenant d'une source externe.
ext	string	true	-	-	L'extension de fichier de l'image (par exemple, "jpeg", "png", "gif").
tone	object	false	-	-	Ajustements de la tonalité de l'image, y compris la gamma, la saturation, le contraste, la luminosité et les canaux de couleur.
lut	object	false	-	-	La table de correspondance utilisée pour ajuster la tonalité de l'image.
filterAgent	object	false	-	-	La configuration du filtre appliqué à l'image. Prend en charge le masquage de région optionnel.
maskData	object	false	-	-	Configuration du masque pour rogner ou façonner l'élément image lui-même (clipping au niveau du nœud). Cela est différent de filterAgent.region, qui limite les endroits où les effets de filtre sont appliqués.

Remarque : L'URL externe doit être accessible.

imageElement.json

{
    "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
    }
  }

Overview

Element

Effect

Élément Image