Elemento de Imagen

Nota: Este elemento admite tanto imágenes estáticas (tipo Imagen) como imágenes animadas (tipo Gif). El tipo de elemento debe configurarse como "Imagen" para imágenes estáticas y "Gif" para archivos GIF animados.

PropTipoRequeridoEjemploRango de ValoresDescripción
widthnumbertrue--El ancho del elemento de imagen.
heightnumbertrue--La altura del elemento de imagen.
externalUrlstringfalse--La URL del archivo de imagen de una fuente externa.
extstringtrue--La extensión del archivo de la imagen (por ejemplo, "jpeg", "png", "gif").
toneobjectfalse--Ajustes al tono de la imagen, incluyendo gamma, saturación, contraste, brillo y canales de color.
lutobjectfalse--La tabla de búsqueda utilizada para ajustar el tono de la imagen.
filterAgentobjectfalse--La configuración del filtro aplicada a la imagen. Admite enmascaramiento de región opcional.
maskDataobjectfalse--Configuración de máscara para recortar o dar forma al elemento de imagen en sí (recorte a nivel de nodo). Esto es diferente de filterAgent.region, que limita dónde se aplican los efectos del filtro.

Nota: El externalUrl debe ser accesible.

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