微信小程序API繪圖導出圖片,把畫布指定區域的內容導出圖片
2020-09-27
導讀：繪圖接口和方法 wx.canvasToTempFilePath(OBJECT) 把當前畫布指定區域的內容導出生成指定大小的圖片，并返回文件路徑。 OBJECT參數說明： 參數 類型 必填 說明 最低版本 x Number 否 畫布x軸起點...
wx.canvasToTempFilePath(OBJECT)
把當前畫布指定區域的內容導出生成指定大小的圖片，并返回文件路徑。
OBJECT參數說明：
| 參數 | 類型 | 必填 | 說明 | 最低版本 |
|---|---|---|---|---|
| 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 | 否 | 接口調用成功的回調函數 | |
| fail | Function | 否 | 接口調用失敗的回調函數 | |
| complete | Function | 否 | 接口調用結束的回調函數（調用成功、失敗都會執行） |
示例代碼
wx.canvasToTempFilePath({
x: 100,
y: 200,
width: 50,
height: 50,
destWidth: 100,
destHeight: 100,
canvasId: 'myCanvas',
success: function(res) {
console.log(res.tempFilePath)
}
})
更多微信小程序開發教程，可以關注hi小程序。
第二部分：如何開通一個小商店
掃碼免費領取運營資料包
