这次给大家带来html+canvas实现屏幕截取,html+canvas实现屏幕截取的注意事项有哪些,下面就是实战案例,一起来看一下。
Test
截取屏幕
先点击截取屏幕后再点击截图下载
以下是测试内容
![]()
由于使用最新版本的html2canvas截取屏幕有问题,所以上面使用的是v0.4.1版本进行测试。
注意事项:
1.页面加载完之后再调用html2canvas。
2.截取背景图片没有效果(就算把背景图片转为base64也没有效果)。
3.标签的图片需要转为base64,不然截取没有效果(网上搜索了一下,好像都说是跨域问题)。
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
立即学习“前端免费学习笔记(深入)”;











