小程序分享功能圖片生成 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

小程序分享功能圖片生成

發表時(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ì):

  1. 使用canvas繪制出(chū)要(yào / yāo)分享的(de)圖片的(de)内容
  2. 從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()

相關案例查看更多