jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用Javascript / JQuery拍摄当前网页的屏幕截图?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用 JavaScript / JQuery拍摄网页的屏幕截图.你能解释一下我需要遵循的代码步骤吗?

解决方法

html2canvas2 JavaScript实用程序适用于截取网页的屏幕截图.您必须使用三个JavaScript库:

1.jquery-1.10.2.min.js
 2.html2canvas.js
 3.jquery.plugin.html2canvas.js

然后调用函数capture(),它将在新窗口中为您提供基于HTML5画布的屏幕截图.它还会生成image64的base64data值.它仅适用于支持HTML5画布的浏览器.

<script type="text/javascript">
    function capture() {
            html2canvas($('body'),{
                onrendered: function (canvas) {                     
                            var imgString = canvas.toDataURL("image/png");
                            window.open(imgString);                  
            }
        });
   </script>

大佬总结

以上是大佬教程为你收集整理的如何使用Javascript / JQuery拍摄当前网页的屏幕截图?全部内容,希望文章能够帮你解决如何使用Javascript / JQuery拍摄当前网页的屏幕截图?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。