이미지 요소

참고: 이 요소는 정적 이미지(이미지 유형)와 애니메이션 이미지(애니메이션 GIF 유형)를 모두 지원합니다. 정적 이미지의 경우 요소 유형을 "Image"로 설정하고 애니메이션 GIF 파일의 경우 "Gif"로 설정해야 합니다.

소품	유형	필수	예시	값 범위	설명
width	number	true	-	-	이미지 요소의 너비.
height	number	true	-	-	이미지 요소의 높이.
externalUrl	string	false	-	-	외부 소스의 이미지 파일 URL.
ext	string	true	-	-	이미지 파일의 확장자(예: "jpeg", "png", "gif").
tone	object	false	-	-	감마, 채도, 대비, 밝기 및 색상 채널을 포함한 이미지 톤 조정.
lut	object	false	-	-	이미지 톤을 조정하는 데 사용되는 조회 테이블.
filterAgent	object	false	-	-	이미지에 적용되는 필터 구성. 선택적 영역 마스킹을 지원합니다.
maskData	object	false	-	-	이미지 요소 자체를 자르거나 형성하기 위한 마스크 구성(노드 수준 클리핑). 이는 필터 효과가 적용되는 위치를 제한하는 filterAgent.region과 다릅니다.

참고: externalUrl은 접근 가능해야 합니다.

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

이미지 요소