微信小程序API繪圖導出圖片,把畫布指定區(qū)域的內容導出圖片

2020-09-27

導讀：繪圖接口和方法 wx.canvasToTempFilePath(OBJECT) 把當前畫布指定區(qū)域的內容導出生成指定大小的圖片，并返回文件路徑。 OBJECT參數(shù)說明：參數(shù) 類型必填說明最低版本 x Number 否畫布x軸起點...

wx.canvasToTempFilePath(OBJECT)

把當前畫布指定區(qū)域的內容導出生成指定大小的圖片，并返回文件路徑。

OBJECT參數(shù)說明：

參數(shù)	類型	必填	說明	最低版本
x	Number	否	畫布x軸起點（默認0）	1.2.0
y	Number	否	畫布y軸起點（默認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/>`的 cavas-id
success	Function	否	接口調用成功的回調函數(shù)
fail	Function	否	接口調用失敗的回調函數(shù)
complete	Function	否	接口調用結束的回調函數(shù)（調用成功、失敗都會執(zhí)行）

示例代碼

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

更多微信小程序開發(fā)教程，可以關注hi小程序。

第二部分：如何開通一個小商店

微信小程序API繪圖導出圖片,把畫布指定區(qū)域的內容導出圖片

wx.canvasToTempFilePath(OBJECT)

把當前畫布指定區(qū)域的內容導出生成指定大小的圖片，并返回文件路徑。

OBJECT參數(shù)說明：

示例代碼

把當前畫布指定區(qū)域的內容導出生成指定大小的圖片，并返回文件路徑。