小程序畫布生成圖片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    閱讀: