uniappcanvas实现图片等比缩放

要在uniapp中实现图片的等比缩放，可以使用canvas来进行处理。具体步骤如下：

1. 获取图片信息

使用uniapp提供的uni.getImageInfo()方法获取图片的信息，包括宽度和高度等。

2. 计算缩放比例

根据需要缩放的大小和图片的实际大小，计算出缩放比例。

3. 创建canvas

使用uni.createCanvasContext()方法创建canvas上下文。

4. 绘制图片

使用canvas上下文提供的drawImage()方法将图片绘制到canvas中。

5. 设置canvas尺寸

根据缩放比例和图片实际大小，设置canvas的尺寸。

6. 绘制缩放后的图片

使用canvas上下文提供的drawImage()方法将缩放后的图片绘制到canvas中。

7. 导出图片

使用canvas.toTempFilePath()方法将canvas导出为图片。

下面是一个示例代码，用于实现图片的等比缩放：

uni.getImageInfo({
  src: '图片路径',
  success: function (res) {
    var ratio = 2; // 缩放比例
    var canvasWidth = res.width / ratio; // 计算缩放后的宽度
    var canvasHeight = res.height / ratio; // 计算缩放后的高度

    var ctx = uni.createCanvasContext('canvasId'); // 创建canvas上下文
    ctx.drawImage('图片路径', 0, 0, canvasWidth, canvasHeight); // 绘制图片
    ctx.draw(false, function () {
      uni.canvasToTempFilePath({ // 导出图片
        canvasId: 'canvasId',
        success: function (res) {
          console.log(res.tempFilePath);
        }
      });
    });
  }
});

需要注意的是，上述代码中的canvasId需要在页面中定义一个canvas元素，并设置其id为canvasId。