小程序canvasToTempFilePath生成了白底圖片，期望生成透明的

ctx.draw(false,function(){
        setTimeout(function(){
          wx.canvasToTempFilePath({
            x: 0,
            y: 0,
            width: 581 * util.pixelRatio,
            height: 575 * util.pixelRatio,
            canvasId: 'myCanvas',
            fileType: 'jpg',
            success: function (res) {
              wx.hideLoading()Ï
              that.setData({
                synthImgUrl: res.tempFilePath
              })
            },
            fail: function (res) {
              wx.hideLoading()
              wx.showToast({
                title: '生成失敗',
                icon: 'none'
              })
            }
          },that)
        }, 500)
      })

 

效果如下：

 

 

箭頭處有白邊，圈里面也有白色背景，然鵝我們期望的是沒有白邊，並且圈里面應該是透明的

怎么辦呢？ 很簡單， 

fileType 從 jpg改成png就好了

修改后效果如下：

 

 

 為啥jpg改成png就好了呢？  因為jpg不支持透明，png支持透明

jpg是92年的技術，png是96年的技術。jpg有損壓縮，png無損壓縮。 jpg不支持動畫，png支持動畫