微信小程序canvas的toDataURL方法进行图片压缩

微信小程序的Canvas API 提供了`toDataURL()`方法，用于将绘制在 Canvas 上的内容转换为一个 Base64 编码的图片数据 URL。这个方法可以帮助你在前端对图片进行实时处理，比如裁剪、缩放、添加滤镜等，并生成新的图片资源。

当需要对图片进行压缩时，可以遵循以下步骤：

1. 创建一个 Canvas 对象：

let canvas = wx.createSelectorQuery().select('#your-canvas-id').fields({node: true});

2. 绘制图片到 Canvas 上：

let ctx = canvas.getDom().getContext('2d');
ctx.drawImage(sourceImage, x, y, width, height);

这里的 `sourceImage` 是你要压缩的原始图片，其他参数根据需要设置位置和大小。

3. 调用 toDataURL 方法并设置质量参数（0-1之间，0为最低质量，1为最高质量，默认值通常是0.5）：

let compressedDataUrl = canvas.toDataURL({quality: 0.8}); // 压缩至80%的质量

注意，质量越低，文件体积会更小，但画质也会相应下降。

4. 使用生成的数据URL，你可以将其发送给服务器，保存到本地，或者显示在一个 Image 元素上：

wx.downloadFile({
    url: compressedDataUrl,
    success: function(res) {
        console.log('下载成功');
    },
    fail: function() {
        console.error('下载失败');
    }
});