kscreenshot一款html网页截图插件

kscreenshot一款html网页截图插件

kscreenshot一款html网页截图插件

该截图工具带有三个参数:key:表示触发按键;immediately:表示是否立即截图,默认为false,endCB:截图完成后回调函数,将base64图片传参出去。
示例代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/kscreenshot.js"></script>
    <script type="text/javascript">

        $(function() {
            new kscreenshot({
                key: 65, //65指键盘中的A 表示同时按住键盘shift+A触发截屏操作
               // immediately: true, //立即截取属性,默认为false
                endCB: aftercap  //截图后事件
            });


        });
        function aftercap(e) {
            $("#captureimg").attr("src",e);

        };

    </script>
    <style>
    #captureimg{
        width: 500px;
        border: 5px solid black;
    }
    </style>
</head>
<body>
    <img src='//repo.bfw.wiki/bfwrepo/image/5d65ea7d8bc8b.png' />
    <h2>按住shift+A键试试</h2>
    <img id="captureimg" />
       
  
    
   
</body>
</html>


立即下载kscreenshot.js查看所有js插件

网友评论0

程序员在线工具箱