移动端H5页面截图【含 domtoimage、html2canvas 】

最新推荐文章于 2024-10-31 17:56:09 发布

Candy_home

最新推荐文章于 2024-10-31 17:56:09 发布

阅读量2.7w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react 文章标签： canvas 截图 html2canvas domtoimage H5截图

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/candy_home/article/details/78424642

本文介绍了在移动端H5页面中进行截图的两种工具——html2canvas和domtoimage，讨论了它们的优缺点及在手机淘宝的兼容性问题，推荐在移动端使用WindVane的WVScreen.capture方法。文章提醒，如果不在移动端，使用SVG格式截图可以得到更高清的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

起因：

由于云栖大会项目需要支持名片保存到本地功能【如下图红框】，所以，需要单独截取页面中的名片信息，并且保存到本地。

推荐给：需要获取页面内容，给页面截图的小伙伴

介绍两个工具：

html2canvas

官方地址：https://github.com/niklasvh/html2canvas

优点：

1.使用人数多，资料更全

缺点：

1.感觉不怎么维护更新了

domtoimage

官方地址【github例子很全了】：https://github.com/tsayen/dom-to-image

最低0.47元/天解锁文章

评论 13

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。