当一个元素的类型为视频、图像、动图、文本、形状、标题、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"
}