这篇文章主要为大家详细介绍了微信小程序用canvas画图,并实现分享功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
最近开始做微信小程序,有这样一个需求:
访客邀请页面,分享出来的图片是带有当前邀请的访客信息的图片,具体如下图:
分享之后的图片:
HTML部分:(在页面中隐藏画好的图片)
JS部分:
1.全局定义canvans变量
2.设置canvans的尺寸
在onload函数中设置canvans的宽高;也可以在canvans标签中设置样式
3.初始化canvans绘制图片(在onReady函数中调用)
4.画图片上的文字部分
5.导出画好的canvans图片
6.设置分享之后的图片,标题,链接