背景
微信小程序分享时,仅支持:标题、路径、图标,不支持文本描述信息(左图)。但原生App分享到微信,支持额外的文案描述(右图)。
现在业务需求,需要保证小程序分享显示的内容保持与App分享的一致。
方案
既然微信开放api不支持额外增加描述信息,我们只能曲线满足该需求。标题和路径没有动手的空间,我们就将目光放在图标上:采用canvas绘图,将描述信息和图片结合,合成一张新图,并导出新的图片地址,作为分享图标。
实现效果如下:
实现
1)在vue/wxml代码里放置一个canvas。注意:小程序分享图片,官方建议长宽比为5:4
<canvas canvas-id="myCanvas" style="width:210px;height:168px;">&l