思路如下:
1.图片长按可以弹出是否保存为图片
2.想要让网页转为图片,使用html2Canvas 详细实现方式点这儿
3.想要让网页长按可以弹出为是否保存为图片,就让图片覆盖在整个网页的最上方,并且设置该图片的的透明度为0.01
4.想要让网页里的二维码,一起生成到图片中,二维码的生成请使用QRCode 详细实现方式点这儿
5.想要让网页显示的内容和最后生成的图片不一致,就把内容copy两次,显示的内容放在下方,保存为图片的内容放在上方,上方的内容隐藏
6.网页没有滚动条,一页可以显示没问题;如果网页有滚动条想要让图片内容不被压小,就要设置canvas的宽高,宽度可以固定,高度设置成获取网页内容的高度

掌握思路,实现代码只是分分钟的事,over

Logo

前往低代码交流专区

更多推荐