图片

凡拓数创数字孪生 2025年6月3日 11:54

收藏文档

图片组件可上传自定义图片或者图片地址来显示图片，并可通过修改样式实现动画效果。
效果案例：

![](/media/202506/2025-06-03_115239_3629350.28665223894653746.png)
## 样式
在样式中可以设置组件的基本属性、全局配置、动画和滤镜。
### ①基本属性
位置尺寸：
位置包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高，比例锁默认不锁定。
### ②全局
图片上传：
图片优先使用数据面板中配置的数据，未配置数据面板中的数据时使用此处数据。
透明度：
数值选择从0~1。
混合模式：
混合模式有6种方式可以选择，可根据需求选择需要的模式。
旋转：

![](/media/202506/2025-06-03_115309_0933780.5613947478328671.png)
### ③动画

| 配置项  | 说明                              |
|------|---------------------------------|
| 循环播放 | 勾选后动画将循环播放                      |
| 速度   | 有4种方式可以选择，分为匀速、慢快慢、低速开始、低速结束    |
| 动画时长 | 播放动画效果的时长，可根据需求自行调节             |
| 动画延时 | 延时播放动画效果，可根据需求自行调节              |
| 动画间隔 | 相邻两次动画的间隔时长，可根据需求自行调节           |
| 类型   | 预置了五种动画样式供选择，也支持自定义配置动画时间轴和动画效果 |
### ④滤镜
滤镜主要是用来实现图像的各种特殊效果。滤镜通常需要同通道、图层等联合使用，才能取得最佳艺术效果。 有9种滤镜可以选择，可根据需求自行选择。

![](/media/202506/2025-06-03_115354_6762260.5220164053669685.png)
## 数据

![](/media/202506/2025-06-03_115408_6029340.21428235395409767.png)