如何将页面变成图片保存在手机中？

Question

场景：手机微信扫二维码进入主页，填写数据提交后，跳转页面接收后台数据进行对应展示，接着长按屏幕后对该页面进行图片保存。

困扰1.只有对着图片长按屏幕才会弹出保存到手机的功能，但我这只是个页面。

困扰2.第二种方案，点击提交后将对应数据直接在Java写到图片中跳转到新页面展示的就是这个图片，这样就能实现长按手机屏幕即可保存。但问题来了，展示的数据有对应的音频，如果Java直接把数据写入图片展示，那这音频用户还怎么点的到。

困扰3.跳转后展示给用户看的页面与用户最终保存的页面有区别，例如展示给用户看的效果下方没有二维码，最终保存后下面会有对应的二维码。所以又不能用Java把数据写进图片，因为那只是展示给用户看的，而不是最终保存的。

我这个纠结的哦。一直都在开发pc上的系统，所以对手机浏览器这块不是很明白。所以想请高人帮忙，比如微信浏览器是否会有对应API？

Answer 1

把所有的html内容复制放进一个canvas容器内，然后把canvas生成一张图片就行了

Answer 2

应该有两种方式可以实现这个功能，一.将html代码发送给后台根据html内容重新渲染出图片并保存，二.前端js实现直接进行截图转换为图片保存。我觉得前端js比较适合您的需求。推荐使用html2canvas来实现这个功能。首页就是示例代码，应该可以解决您的需求。