小程序分享功能图片生成
发表时间:2020-10-11
发布人:葵宇科技
浏览次数:69
众所周知我们可以用onShareAppMessage回调来定制小程序分享的内容,不过大致也就标题、内容和图片这三个。如果想有丰富的内容,当然是在图片里面下功夫了。这样就会要求我们生成分享的图片,很多时候我们的方案都是在小程序端来生成跟当前用户相关的图片。主要思路就是:
- 使用canvas绘制出要分享的图片的内容
- 从canvas中获取其内容的图片文件
下面来一个大致的代码
var context = wx.createCanvasContext('canvasId');// 获取canvas的上下文,要确保有一个id是canvasId的canvas存在,现在离屏canvas好像还不能用
context.fillText()
...
context.drawImage()
...
wx.canvasToTempFilePath()