视图元素

当一个元素的类型为视频、图像、动图、文本、形状、标题、3D、LaTeX或函数图形时,它被视为视图元素。

视图元素包括以下常见参数:

属性类型必需示例值范围描述
xnumbertrue219.7891655835374-元素在画布上的水平位置,以像素为单位。
ynumbertrue118.11410279159713-元素在画布上的垂直位置,以像素为单位。
anchorXnumbertrue--相对于元素的锚点的x坐标,以像素为单位。
anchorYnumbertrue--相对于元素的锚点的y坐标,以像素为单位。
rotationnumbertrue-0.4599415612411819>= 0元素的旋转角度,以度为单位(顺时针)。
scaleXnumbertrue1> 0元素的水平缩放因子。大于1的值会放大元素,而介于0和1之间的值会缩小它。
scaleYnumbertrue1> 0元素的垂直缩放因子。大于1的值会放大元素,而介于0和1之间的值会缩小它。
skewXnumberfalse0>= 0元素的水平倾斜角度,以度为单位。
skewYnumberfalse0>= 0元素的垂直倾斜角度,以度为单位。
alphanumbertrue10 - 1元素的不透明度。值为1表示完全可见,而0表示完全透明。
znumberfalse0-元素在3D空间中的深度位置。单位与像素对齐,其中z=0对应于画布平面。主要用于3D元素。
rotationXnumberfalse30-围绕X轴的旋转,以度为单位。用于3D变换。
rotationYnumberfalse45-围绕Y轴的旋转,以度为单位。用于3D变换。
scaleZnumberfalse1> 0沿Z轴的缩放因子。大于1的值会在深度上放大元素,而介于0和1之间的值会缩小它。用于3D元素。
anchorZnumberfalse0-3D空间中锚点的z坐标。用于3D元素以设置沿深度轴的支点。
blendModestringfalsenormalnormal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion在将此元素与其他元素合成时使用的混合模式。决定颜色的组合方式。
keyframesarrayfalse--定义视频元素动画状态和过渡的关键帧数组。
videoElement.json
 
{
  "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"
}