小程序手势缩放图片

小程序手势缩放

利用小程序原生API 可以实现手势缩放的功能

官方链接（预览图片）

具体使用如下：

.wxml

<image 
  src="{{ imgList }}" 
  class="priceImg" 
  bindtap="previewImage"
  mode="widthFix">
</image>

.js

previewImage(e) {
    wx.previewImage({
      urls: [this.data.imgList],
      current: this.data.imgList
    })
}

this.data.imgList是我需要展示的图片，需要进行缩放的图片, 因为只有一张需要展示和缩放，所以urls与current一样

注意点

• urls不能为空，必须是数组类型
• 不能加载本地图片
• current为空时默认展示urls第一张图片
• 可以看到 previewImage是绑定在 bindtap事件上的，所以是通过点击触发事件，点击图片才可以进行图片预览，只有图片预览状态下可以进行缩放功能。