Ⅰ 微信小程序圖片壓縮
微信小程序圖片壓縮有三種方法，一種是使用官方提供的介面 wx.compressImage(Object object) ；一種是通過壓縮圖片的大小，利用canvas重繪來得到壓縮圖片；最後一種安裝第三方圖片壓縮包。
由於第一種方法網上很多人說壓縮不明顯或者失效，所以選擇使用canvas重繪來實現圖片壓縮。同時，該種方法可以控制圖片的最大尺寸，保持上傳圖片大小尺寸相差不多。在我們的學生節晚會小程序中，屏幕顯示圖片會比較美觀一致。
1. 通過 wx.chooseImage 介面選擇相機圖片
2. 通過 wx.getImageInfo 介面獲取圖片信息（長寬，類型）
3. 計算壓縮比例和最終圖片的長寬
5. 通過 wx.canvasToTempFilePath 介面將畫布內容導出為圖片並獲取圖片路徑
wxml 文件
在文件末尾插入 canvas 組件，通過設置left和top值確保圖片不會顯示在可視范圍內。
一定要設置 canvas-id，這是canvas繪圖和導出圖片必備的屬性。
js 文件
設置與頁面綁定的數據：canvas的大小，也是壓縮後圖片的大小
1. 將畫布內容導出為圖片時，指定destWidth和destHeight為壓縮後圖片的大小。這里遇到過玄學bug，不指定的話，有時候圖片不會壓縮到規定的大小。