Khi một phần tử có loại Video, Hình ảnh, Gif, Văn bản, Hình dạng, Chú thích, 3D, LaTeX, hoặc Đồ thị Hàm, nó được coi là một phần tử xem.
Một phần tử xem bao gồm các tham số chung sau:
| Thuộc tính | Loại | Bắt buộc | Ví dụ | Phạm vi giá trị | Mô tả |
|---|---|---|---|---|---|
| x | number | true | 219.7891655835374 | - | Vị trí ngang của phần tử trên canvas, tính bằng pixel. |
| y | number | true | 118.11410279159713 | - | Vị trí dọc của phần tử trên canvas, tính bằng pixel. |
| anchorX | number | true | - | - | Tọa độ x của điểm neo tương đối với phần tử, tính bằng pixel. |
| anchorY | number | true | - | - | Tọa độ y của điểm neo tương đối với phần tử, tính bằng pixel. |
| rotation | number | true | -0.4599415612411819 | >= 0 | Góc xoay của phần tử, tính bằng độ (theo chiều kim đồng hồ). |
| scaleX | number | true | 1 | > 0 | Hệ số tỷ lệ ngang của phần tử. Giá trị lớn hơn 1 làm phóng to phần tử, trong khi giá trị giữa 0 và 1 làm thu nhỏ nó. |
| scaleY | number | true | 1 | > 0 | Hệ số tỷ lệ dọc của phần tử. Giá trị lớn hơn 1 làm phóng to phần tử, trong khi giá trị giữa 0 và 1 làm thu nhỏ nó. |
| skewX | number | false | 0 | >= 0 | Góc nghiêng ngang của phần tử, tính bằng độ. |
| skewY | number | false | 0 | >= 0 | Góc nghiêng dọc của phần tử, tính bằng độ. |
| alpha | number | true | 1 | 0 - 1 | Độ mờ của phần tử. Giá trị 1 có nghĩa là hoàn toàn nhìn thấy, trong khi 0 có nghĩa là hoàn toàn trong suốt. |
| z | number | false | 0 | - | Vị trí độ sâu của phần tử trong không gian 3D. Đơn vị được căn chỉnh với pixel, trong đó z=0 tương ứng với mặt phẳng canvas. Chủ yếu được sử dụng cho các phần tử 3D. |
| rotationX | number | false | 30 | - | Xoay quanh trục X, tính bằng độ. Được sử dụng cho các biến đổi 3D. |
| rotationY | number | false | 45 | - | Xoay quanh trục Y, tính bằng độ. Được sử dụng cho các biến đổi 3D. |
| scaleZ | number | false | 1 | > 0 | Hệ số tỷ lệ dọc theo trục Z. Giá trị lớn hơn 1 làm phóng to phần tử theo chiều sâu, trong khi giá trị giữa 0 và 1 làm thu nhỏ nó. Được sử dụng cho các phần tử 3D. |
| anchorZ | number | false | 0 | - | Tọa độ z của điểm neo trong không gian 3D. Được sử dụng cho các phần tử 3D để thiết lập điểm pivot dọc theo trục chiều sâu. |
| blendMode | string | false | normal | normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion | Chế độ hòa trộn được sử dụng khi kết hợp phần tử này với các phần tử khác. Xác định cách màu sắc được kết hợp. |
| keyframes | array | false | - | - | Một mảng các keyframe xác định trạng thái và chuyển tiếp hoạt hình cho phần tử video. |
{
"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"
}