> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Image 图片

> Image 图片组件文档，讲解图片地址绑定与展示属性配置，用于在页面中呈现单张图片资源。

用于展示图片资源。

## 何时使用

-页面里单个图片的展示。

## 组件示例

<iframe src="https://www.aliwork.com/developer/image-v2?isRenderNav=false" width="100%" height="480" frameBorder="0" />

## 组件属性

| 属性            | 说明                                                      | 类型                                   | 默认值           |
| ------------- | ------------------------------------------------------- | ------------------------------------ | ------------- |
| `alt`         | 图片未加载时的占位文字                                             | `string`                             | `'Image 404'` |
| `autuHeight`  | 高度自适应                                                   | `boolean`                            | `false`       |
| `autuWidth`   | 宽度自适应                                                   | `boolean`                            | `false`       |
| `fit`         | 图片展示方式，cover：按图片尺寸进行裁剪、contain：按图片尺寸进行留白、fill：按图片尺寸进行拉伸 | `'cover' \| 'contain' \| 'fill'`     | `'cover'`     |
| `height`      | 图片高度                                                    | `number`                             | `200`         |
| `preview`     | 是否开启图片预览                                                | `boolean`                            | `false`       |
| `round`       | 图片圆角，单位px                                               | `'16' \| '8' \| '4' \| '0' \| '自定义'` | `'0'`         |
| `roundRadius` | 自定义图片圆角大小，当 **round** 属性设置为'自定义'时生效                     | `number`                             | `0`           |
| `src`         | 图片地址URL                                                 | `string`                             | -             |
| `title`       | 图片标题，用于设置html 原生 title属性，在用户鼠标hover时显示                  | `string`                             | -             |
| `width`       | 图片宽度                                                    | `number`                             | `350`         |