【微信小程序】基础组件-image图片容器

微信小程序中的 image 组件用于显示图片资源，支持本地图片、网络图片和云文件。image 组件提供了丰富的属性和事件，使得开发者可以灵活地控制图片的显示方式和响应用户的交互操作。本文将详细介绍 image 组件的基本用法、属性和事件，并提供示例代码。

1. image 组件的基本概念

image 组件是用于在微信小程序中显示图片的组件。它可以显示本地存储的图片、网络上的图片以及云文件中的图片。通过设置不同的属性，可以控制图片的显示方式，如缩放模式、懒加载等。

2. image 组件的基本属性

image 组件支持多种属性，这些属性可以帮助开发者更好地控制图片的显示和行为。以下是一些常用的属性：

• src: 图片资源的 URL。支持本地路径、网络路径和云文件 ID。
• mode: 图片的裁剪和缩放模式。常见的模式包括：
  • scaleToFill: 不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素。
  • aspectFit: 保持纵横比缩放图片，使图片的长边能完