图片组件主要用于在页面中展示图片资源，例如某些元素的背景、一些代表性的标志等。本文介绍组件的详细配置方法。
步骤一：添加组件
- 创建Web应用。具体操作，请参见创建Web应用。
- 在Web应用编辑器中，单击最左侧的组件图标
。
- 在画布左侧组件列表上方，输入图片，找到该组件，然后将组件拖拽到中间画布。
有关组件添加的更多信息，请参见添加组件。
步骤二：配置数据源
- 在Web可视化编辑页面右侧样式中选择以下方式配置图片数据源。
- 单击确定。
组件将基于关联的数据源实时更新展示图片。
步骤三：配置样式
如果图片被拉伸展示，可通过配置W值（宽度）和H值（高度），设置图片大小。
有关组件通用样式配置，请参见样式配置。
步骤四：配置交互动作
- 选中组件的交互页签，配置事件和交互动作。具体操作请参见交互配置。
例如，点击组件，执行动作打开链接，即配置链接打开方式，展示链接的内容。
- 单击页面右上方的预览，预览和调试组件展示的数据和效果。
，选择数据源类型进行配置，将返回的数据作为图片URL。