注: この要素は、静的画像(画像タイプ)とアニメーション画像(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はアクセス可能でなければなりません。
{
"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
}
}