Lorsqu'un élément a un type de Vidéo, Image, Gif, Texte, Forme, Légende, 3D, LaTeX ou Graphique de Fonction, il est considéré comme un élément de vue.
Un élément de vue comprend les paramètres communs suivants :
| Propriété | Type | Requis | Exemple | Plage de valeurs | Description |
|---|---|---|---|---|---|
| x | number | true | 219.7891655835374 | - | La position horizontale de l'élément sur le canevas, en pixels. |
| y | number | true | 118.11410279159713 | - | La position verticale de l'élément sur le canevas, en pixels. |
| anchorX | number | true | - | - | La coordonnée x du point d'ancrage par rapport à l'élément, en pixels. |
| anchorY | number | true | - | - | La coordonnée y du point d'ancrage par rapport à l'élément, en pixels. |
| rotation | number | true | -0.4599415612411819 | >= 0 | L'angle de rotation de l'élément, en degrés (dans le sens des aiguilles d'une montre). |
| scaleX | number | true | 1 | > 0 | Le facteur d'échelle horizontal de l'élément. Une valeur supérieure à 1 agrandit l'élément, tandis qu'une valeur comprise entre 0 et 1 le rétrécit. |
| scaleY | number | true | 1 | > 0 | Le facteur d'échelle vertical de l'élément. Une valeur supérieure à 1 agrandit l'élément, tandis qu'une valeur comprise entre 0 et 1 le rétrécit. |
| skewX | number | false | 0 | >= 0 | L'angle de déformation horizontal de l'élément, en degrés. |
| skewY | number | false | 0 | >= 0 | L'angle de déformation vertical de l'élément, en degrés. |
| alpha | number | true | 1 | 0 - 1 | L'opacité de l'élément. Une valeur de 1 signifie entièrement visible, tandis que 0 signifie entièrement transparent. |
| z | number | false | 0 | - | La position de profondeur de l'élément dans l'espace 3D. Les unités sont alignées avec les pixels, où z=0 correspond au plan du canevas. Principalement utilisé pour les éléments 3D. |
| rotationX | number | false | 30 | - | Rotation autour de l'axe X, en degrés. Utilisé pour les transformations 3D. |
| rotationY | number | false | 45 | - | Rotation autour de l'axe Y, en degrés. Utilisé pour les transformations 3D. |
| scaleZ | number | false | 1 | > 0 | Le facteur d'échelle le long de l'axe Z. Une valeur supérieure à 1 agrandit l'élément en profondeur, tandis qu'une valeur comprise entre 0 et 1 le rétrécit. Utilisé pour les éléments 3D. |
| anchorZ | number | false | 0 | - | La coordonnée z du point d'ancrage dans l'espace 3D. Utilisé pour les éléments 3D pour définir le point de pivot le long de l'axe de profondeur. |
| blendMode | string | false | normal | normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion | Le mode de fusion utilisé lors de la composition de cet élément avec d'autres. Détermine comment les couleurs sont combinées. |
| keyframes | array | false | - | - | Un tableau de keyframes définissant les états d'animation et les transitions pour l'élément vidéo. |
{
"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"
}