微信小程序 image 媒体组件：功能、用法与实战解析

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

微信小程序 image 媒体组件：功能、用法与实战解析

image

        图片组件，支持格式：JPG、PNG、SVG、WEBP、GIF 等。

        示例代码如下：

        image.wxml

<view class="w">
  <view class="title">src、show-menu-by-longpress、bindload</view>
  <image src="../../images/ewm.jpg" bindload="bindload" show-menu-by-longpress/>
  <view class="title">mode</view>
  <view class="subTitle">scaleToFill</view>
  <image src="../../images/girl.png"/>
  <view class="subTitle">aspectFit</view>
  <image src="../../images/girl.png" mode="aspectFit"/>
  <view class="subTitle">aspectFill</view>
  <image src="../../images/girl.png" mode="aspectFill"/>
  <view class="subTitle">widthFix</view>
  <image src="../../images/girl.png" mode="widthFix"/>
  <view class="subTitle">heightFix</view>
  <image src="../../images/girl.png" mode="heightFix"/>
  <view class="subTitle">top</view>
  <image src="../