要素がビデオ、画像、GIF、テキスト、形状、キャプション、3D、LaTeX、または関数グラフのタイプを持つ場合、それはビュー要素と見なされます。
ビュー要素には、以下の共通パラメータが含まれます:
| プロパティ | タイプ | 必須 | 例 | 値の範囲 | 説明 |
|---|---|---|---|---|---|
| x | number | true | 219.7891655835374 | - | キャンバス上の要素の水平位置(ピクセル単位)。 |
| y | number | true | 118.11410279159713 | - | キャンバス上の要素の垂直位置(ピクセル単位)。 |
| anchorX | number | true | - | - | 要素に対するアンカーポイントのx座標(ピクセル単位)。 |
| anchorY | number | true | - | - | 要素に対するアンカーポイントのy座標(ピクセル単位)。 |
| rotation | number | true | -0.4599415612411819 | >= 0 | 要素の回転角度(度、時計回り)。 |
| scaleX | number | true | 1 | > 0 | 要素の水平スケーリング係数。1より大きい値は要素を拡大し、0と1の間の値は縮小します。 |
| scaleY | number | true | 1 | > 0 | 要素の垂直スケーリング係数。1より大きい値は要素を拡大し、0と1の間の値は縮小します。 |
| skewX | number | false | 0 | >= 0 | 要素の水平せん断角度(度)。 |
| skewY | number | false | 0 | >= 0 | 要素の垂直せん断角度(度)。 |
| alpha | number | true | 1 | 0 - 1 | 要素の不透明度。1の値は完全に表示され、0は完全に透明を意味します。 |
| z | number | false | 0 | - | 3D空間における要素の深さ位置。単位はピクセルに合わせられ、z=0はキャンバス面に対応します。主に3D要素に使用されます。 |
| rotationX | number | false | 30 | - | X軸周りの回転(度)。3D変換に使用されます。 |
| rotationY | number | false | 45 | - | Y軸周りの回転(度)。3D変換に使用されます。 |
| scaleZ | number | false | 1 | > 0 | Z軸に沿ったスケーリング係数。1より大きい値は深さ方向に要素を拡大し、0と1の間の値は縮小します。3D要素に使用されます。 |
| anchorZ | number | false | 0 | - | 3D空間におけるアンカーポイントのz座標。深さ軸に沿ったピボットポイントを設定するために3D要素に使用されます。 |
| blendMode | string | false | normal | normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion | この要素を他の要素と合成する際に使用されるブレンドモード。色の組み合わせ方法を決定します。 |
| keyframes | array | false | - | - | ビデオ要素のアニメーション状態と遷移を定義するキーフレームの配列。 |
{
"id": "bba95c7f-652b-4380-b166-6bece989f527",
"type": "Image",
"start": 0,
"duration": 5,
"trackIndex": 0,
"x": 0,
"y": 0,
"width": 3629,
"height": 5444,
"blendMode": "normal",
"anchorX": 1814.5,
"anchorY": 2722,
"rotation": 0,
"scaleX": 0.19838354151359294,
"scaleY": 0.19838354151359294,
"alpha": 1,
"skewX": 0,
"skewY": 0,
"hidden": false,
"locked": false,
"keyframes": [],
"externalUrl": "https://images.pexels.com/photos/33189512/pexels-photo-33189512.jpeg",
"ext": "jpeg"
}