由于小程序上的限制,目前很多线上小程序要通过生成分享图片,没有长按识别图中二维码功能,最后得生成图片后进行保存到相册然后来分享给用户…
小程序的canvas画布绘图与h5的canvas有类似的功能,应用场景大多数是用于制作分享图,模块上有:文字、图片、图形等等变量时,因为只有图片才能保存到相册,所以得先把这些模块合成为一张图片,此时canvas就能显示它的强大功能了。
具体可查阅官方小程序[canvas组件的api]的使用;
本案例还增加了切换卡片的功能,可忽略,不过这里配合了canvas的操作,也可以参考一下; 先看效果图: (个人设计),按个人的需求来吧,基本上一张图都会有以下的模块内容…
一定要注意查看文档,像素比参数的使用,不然生成的图片是模糊的~ 可以用不同的手机进行测试哦~