js使用html2canvas实现屏幕截取的示例代码

这篇文章主要介绍了js使用html2canvas实现屏幕截取的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

整理文档,搜刮出一个js使用html2canvas实现屏幕截取的示例代码,稍微整理精简一下做下分享。

   Test 
截取屏幕

先点击截取屏幕后再点击截图下载

以下是测试内容

由于使用最新版本的html2canvas截取屏幕有问题,所以上面使用的是v0.4.1版本进行测试。

注意事项:

1.页面加载完之后再调用html2canvas。

2.截取背景图片没有效果(就算把背景图片转为base64也没有效果)。

3.标签的图片需要转为base64,不然截取没有效果(网上搜索了一下,好像都说是跨域问题)。

以上就是js使用html2canvas实现屏幕截取的示例代码的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程