小程序图片等比缩放展示区域

你可以通过以下步骤来实现小程序中图片的等比缩放展示：

1. 获取图片的原始尺寸和展示区域的尺寸。可以使用小程序的API获取图片的宽度和高度，或者通过CSS样式获取展示区域的宽度和高度。

2. 计算图片的缩放比例。根据展示区域的尺寸和图片的原始尺寸，可以计算出图片需要缩放的比例。比例可以通过以下公式计算：
缩放比例 = Math.min(展示区域宽度 / 图片原始宽度, 展示区域高度 / 图片原始高度)

3. 应用缩放比例。将计算出的缩放比例应用到图片上，可以通过CSS样式设置图片的宽度和高度，使其等比缩放到适合展示区域的尺寸。

例如，使用小程序的wx.getImageInfo获取图片信息，然后通过setData方法将图片宽度、高度和缩放比例保存到data中，在wxml文件中使用动态绑定设置图片样式：

// 在小程序页面的js文件中
Page({
  data: {
    imgWidth: 0,
    imgHeight: 0,
    scale: 1
  },
  onLoad: function() {
    var that = this;
    wx.getImageInfo({
      src: '图片路径',
      success: function(res) {
        var imgWidth = res.width;
        var imgHeight = res.height;
        var windowWidth = wx.getSystemInfoSync().windowWidth;
        var windowHeight = wx.getSystemInfoSync().windowHeight;
        var scale = Math.min(windowWidth / imgWidth, windowHeight / imgHeight);
        that.setData({
          imgWidth: imgWidth,
          imgHeight: imgHeight,
          scale: scale
        });
      }
    })
  }
})

// 在小程序页面的wxml文件中
<image src="图片路径" style="width:{{imgWidth*scale}}px; height:{{imgHeight*scale}}px;"></image>

以上就是一个简单的例子，可以根据实际需求进行修改和扩展。希望能对你有所帮助！如果有任何问题，请随时提问。