小程序分享功能圖片生成
發表時(shí)間:2020-10-11
發布人(rén):融晨科技
浏覽次數:73
衆所周知我們可以(yǐ)用onShareAppMessage回調來(lái)定制小程序分享的(de)内容,不(bù)過大(dà)緻也(yě)就(jiù)标題、内容和(hé / huò)圖片這(zhè)三個(gè)。如果想有豐富的(de)内容,當然是(shì)在(zài)圖片裏面下功夫了(le/liǎo)。這(zhè)樣就(jiù)會要(yào / yāo)求我們生成分享的(de)圖片,很多時(shí)候我們的(de)方案都是(shì)在(zài)小程序端來(lái)生成跟當前用戶相關的(de)圖片。主要(yào / yāo)思路就(jiù)是(shì):
- 使用canvas繪制出(chū)要(yào / yāo)分享的(de)圖片的(de)内容
- 從canvas中獲取其内容的(de)圖片文件
下面來(lái)一個(gè)大(dà)緻的(de)代碼
var context = wx.createCanvasContext('canvasId');// 獲取canvas的(de)上(shàng)下文,要(yào / yāo)确保有一個(gè)id是(shì)canvasId的(de)canvas存在(zài),現在(zài)離屏canvas好像還不(bù)能用
context.fillText()
...
context.drawImage()
...
wx.canvasToTempFilePath()