小白学习微信小程序的图片处理和预览技巧

一、图片处理技巧：

1. 图片压缩：

在小程序开发中，经常会遇到需要对图片进行压缩处理的情况，以减小图片的尺寸和文件大小，提高小程序的加载速度。

代码示例：

// 在 Page 的 onLoad 函数中获取图片信息
onLoad: function() {
  wx.getImageInfo({
    src: 'image.jpg',
    success: function(res) {
      console.log(res.width) // 原始宽度
      console.log(res.height) // 原始高度
    }
  })
},

// 图片压缩函数，传入原图片的路径和压缩后的宽高度
compressImage: function(src, width, height) {
  return new Promise(function(resolve, reject) {
    wx.getImageInfo({
      src: src,
      success: function(res) {
        var canvas = wx.createCanvasContext('canvas')
        canvas.drawImage(src, 0, 0, res.width, res.height, 0, 0, width, height)
        canvas.draw(false, function()