如何用js进行网页屏幕截图

如何用js进行网页屏幕截图


大家都知道qq截图,确实很方便,不过那是用原生的c++的mfc写的,能不能用js实现呢,答案是可以的

今天给大家介绍怎么用js进行截图,主要用到了

html2canvas.js这个js的插件。代码如下,可在线运行

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFWONE.JS DEMO PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=1" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script>
        bready(function() {
            use(["html2canvas.min"], function() {
                html2canvas(document.querySelector("#capture")).then(canvas => {
                    document.body.appendChild(canvas)
                });
            });
        });
    </script>
</head>
<body>
    <div id="capture" style="padding: 10px; background: #f5da55">
        <h4 style="color: #000; ">Hello world!</h4>
    </div>
</body>
</html>



{{collectdata}}

网友评论0