uni-app 微信小程序 保存当前页面为图片

由于在微信小程序环境下面没法获取dom，很多方法都很难去实现保存html结构的页面，比较有效的#painter 可以不需要操作dom，但是那玩意儿和重新用js写个页面一样，简单的页面还好，复杂的，元素比较多的就很麻烦，所以考虑用WEBview+html2canvas来完成

先说一下思路，既然在微信小程序环境下行不通，那就考虑换个环境，用webview加载页面，再通过html2canvas来生成相应的canvas，然后转成图片。

首先是webview，不懂的可以去看下官方文档，贴在这里：https://uniapp.dcloud.net.cn/component/web-view.html。也就是在小程序或者app环境中挂载一个ifram，小程序加载这个页面必须放到服务器上，其他像app的可以放在本地。

贴代码

//小程序端//webUrl -->页面路径     handleMessage-->页面像服务器通信的方法

//webview页面端   我用的是html，你也可以用Vue，或者其他的什么框架，但是一定要在服务器上。本地的话就开一个Nginx服务调试就好。//这个html是在uniapp webview copy的模板，里面对各种环境都做了处理，所以我们直接在另一个script里面写逻辑就好了。//引入在线的vue，CSS，最重要的是这个：https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js ，引入之后允许我们使用uni的部分api。                
来源地址：https://blog.csdn.net/zsdrhnfjn/article/details/129730503