前言：

有些时候需要再小程序中分享一些动态生成的图片，比如页面截屏、商品卡片，虚拟卡券等等。但是小程序都没有开放页面截屏接口的，最多也就是提供设备截屏事件监测的API。所以，基于目前的情况，小程序对页面进行截屏，本身就是个伪命题，能做的只有用现有技术去模拟了。

要解决这个问题，目前除了canvas画布合成，没有其他什么比较好的解决方法。这里就介绍下微信小程序中使用canvas来模拟页面截屏并分享的功能。具体代码如下：

index.wxml

index.js

注意事项：

1.canvas中并没有类似rpx之类的自适应单位，所以需要提前定义好页面尺寸比例，有利于实现不同屏幕兼容性。具体代码如下：

2.canvas中的所有尺寸以750为标准，即一般设计稿的尺寸即可，实际绘制中所有尺寸乘以尺寸标准就可以适应所有尺寸屏幕了。如有需要，可以对某些绘制逻辑进行函数封装，如文本、图片。

 后记：

1.使用canvas进行页面合成并生成图片是有点麻烦，需要把页面元素进行一一绘制，但是，这个是目前模拟页面截屏切实可行的方法。不要说要截取的页面比较长什么的，不少h5的游戏都是canvas做的，怎么说也比普通页面复杂吧。当然了，这也是没办法中的办法，如果哪天小程序开启了截屏权限，那么自然就不用这么折腾了。

2.本例中关于页面分享的相关实例，可以参考：微信小程序分享转发用法大全——自定义分享、全局分享、组合分享。