小程序畫布生成圖片wx.canvasToTempFilePath
wx.canvasToTempFilePath(Object object, Object this)
把當(dāng)前畫布指定區(qū)域的內(nèi)容導(dǎo)出生成指定大小的圖片。在 draw() 回調(diào)里調(diào)用該方法才能保證圖片導(dǎo)出成功。
以 Promise 風(fēng)格 調(diào)用:支持
小程序插件:支持,需要小程序基礎(chǔ)庫版本不低于 1.9.6
微信 Mac 版:支持
參數(shù)
Object object
屬性 類型 默認(rèn)值 必填 說明 最低版本
x number 0 否 指定的畫布區(qū)域的左上角橫坐標(biāo) 1.2.0
y number 0 否 指定的畫布區(qū)域的左上角縱坐標(biāo) 1.2.0
width number canvas寬度-x 否 指定的畫布區(qū)域的寬度 1.2.0
height number canvas高度-y 否 指定的畫布區(qū)域的高度 1.2.0
destWidth number width*屏幕像素密度 否 輸出的圖片的寬度 1.2.0
destHeight number height*屏幕像素密度 否 輸出的圖片的高度 1.2.0
canvasId string 否 畫布標(biāo)識(shí),傳入 canvas 組件的 canvas-id
canvas Object 否 畫布標(biāo)識(shí),傳入 canvas 組件實(shí)例 (canvas type="2d" 時(shí)使用該屬性)。
fileType string png 否 目標(biāo)文件的類型 1.7.0
合法值 說明
jpg jpg 圖片
png png 圖片
quality number 否 圖片的質(zhì)量,目前僅對(duì) jpg 有效。取值范圍為 (0, 1],不在范圍內(nèi)時(shí)當(dāng)作 1.0 處理。 1.7.0
success function 否 接口調(diào)用成功的回調(diào)函數(shù)
fail function 否 接口調(diào)用失敗的回調(diào)函數(shù)
complete function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)
object.success 回調(diào)函數(shù)
參數(shù)
Object res
屬性 類型 說明
tempFilePath string 生成文件的臨時(shí)路徑 (本地路徑)
Object this
在自定義組件下,當(dāng)前組件實(shí)例的this,以操作組件內(nèi) canvas 組件
示例代碼
wx.canvasToTempFilePath({
x: 100,
y: 200,
width: 50,
height: 50,
destWidth: 100,
destHeight: 100,
canvasId: 'myCanvas',
success(res) {
console.log(res.tempFilePath)
}
})
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-11 閱讀: