小程序畫布生成圖片wx.canvasToTempFilePath

wx.canvasToTempFilePath(Object object, Object this)
把當前畫布指定區域的內容導出生成指定大小的圖片。在 draw() 回調里調用該方法才能保證圖片導出成功。

以 Promise 風格 調用：支持
小程序插件：支持，需要小程序基礎庫版本不低于 1.9.6
微信 Mac 版：支持
參數
Object object
屬性    類型    默認值    必填    說明    最低版本
x    number    0    否    指定的畫布區域的左上角橫坐標    1.2.0
y    number    0    否    指定的畫布區域的左上角縱坐標    1.2.0
width    number    canvas寬度-x    否    指定的畫布區域的寬度    1.2.0
height    number    canvas高度-y    否    指定的畫布區域的高度    1.2.0
destWidth    number    width*屏幕像素密度    否    輸出的圖片的寬度    1.2.0
destHeight    number    height*屏幕像素密度    否    輸出的圖片的高度    1.2.0
canvasId    string        否    畫布標識，傳入 canvas 組件的 canvas-id    
canvas    Object        否    畫布標識，傳入 canvas 組件實例 （canvas type="2d" 時使用該屬性）。    
fileType    string    png    否    目標文件的類型    1.7.0
合法值    說明
jpg    jpg 圖片
png    png 圖片
quality    number        否    圖片的質量，目前僅對 jpg 有效。取值范圍為 (0, 1]，不在范圍內時當作 1.0 處理。    1.7.0
success    function        否    接口調用成功的回調函數    
fail    function        否    接口調用失敗的回調函數    
complete    function        否    接口調用結束的回調函數（調用成功、失敗都會執行）    
object.success 回調函數
參數
Object res
屬性    類型    說明
tempFilePath    string    生成文件的臨時路徑 (本地路徑)
Object this
在自定義組件下，當前組件實例的this，以操作組件內 canvas 組件

示例代碼
wx.canvasToTempFilePath({
  x: 100,
  y: 200,
  width: 50,
  height: 50,
  destWidth: 100,
  destHeight: 100,
  canvasId: 'myCanvas',
  success(res) {
    console.log(res.tempFilePath)
  }
})