---
order: 2
navTitle: 图片
---
# 仪表板组件-图片

仪表板提供了**图片**组件，可以显示上传的静态图片或指定路径的图片。
![图片](./images/2021-09-16-11-05-55.png)
示例地址：[数字媒体组件](https://demo.succbi.com/v5/bi/library)

## 使用图片组件{#use}

仪表板中的图片组件，支持使用URL，以展示上传的静态图片为例，操作步骤如下：
![使用图片](./images/image1.gif)

1. **拖入图片组件**：将**组件区>更多>图片**组件拖入到目标面板中
2. **设置图片内容**：**图片来源**选择默认的`静态图片`，在**图片库**中选择一张图片
3. **设置填充方式**：**填充方式**选择`原始大小`

## 图片来源{#source}

仪表板图片组件提供了`静态图片`和`URL`两种可选来源，具体可以参考SuperPage[图片来源](../../../../app/superpage/components/common/image.md#source)文档中的**静态图片**和**路径**。

## 填充方式{#fill}

仪表板图片组件提供了五种填充方式，包括**原始大小**、**拉伸**、**充满容器**、**适合于容器**和**平铺**，表示图片在容器组件里的显示方式，具体可以参考SuperPage[填充方式](../../../../app/superpage/components/common/image.md#fill)文档。