图片

1.1 应用场景

图片组件可以用于添加图像，进一步丰富展现内容，优化仪表板的布局和排版。

1.2 功能介绍

• 图片类型支持两种：自定义上传、在线图片；

• 图片支持的格式包括六种：jpg、jpeg、png、apng、gif 和 webp 格式。

2.1 创建仪表板

点击「创建>仪表板」，创建一张新仪表板。如下图所示：

2.2 添加组件

点击组件区「其他>图片」，将其添加到页面中。如下图所示：

2.3 图片类型

2.3.1 自定义上传

1）选择「自定义上传」方式后，点击「选择」，点击「+上传图片」，可批量选择本地图片文件并上传。

2）在图片列表中，鼠标悬浮到对应图片上，图片右上角出现删除按钮，可删除不需要的素材。如下图所示：

注：若某个图片组件使用了被删除的图片素材，那么预览时该组件内容为空。

2.3.2 在线图片

图片组件支持调用在线图片，请填写确保可访问的图片地址。

选中图片组件，点击「内容」，图片类型选择「在线图片」，填写图片的地址，即可调用该图片素材。如下图所示：

注：图片地址不支持相对地址，仅支持绝对地址，形如：https://scpic.chinaz.net/files/pic/pic9/201901/bpic10251.jpg

2.4 设置图片属性

选择图片后，支持设置图片的「填充方式」和「色相」。

2.4.1 填充方式

「填充方式」可设置图片的填充效果，有三种填充方式：

实现效果如下图所示：

2.4.2 色相

图片还支持设置色相、饱和度、亮度及对比度设置。各设置项说明见下表：

各设置项效果如下图所示：

本文仅介绍了图片组件特有功能，其他功能可参考对应的文档。