h5实现屏幕截图功能

h5实现屏幕截图功能

根据选区实现缩放,拖拽功能
在这里插入图片描述
在这里插入图片描述

 <style>
    #screen-capture-btn{
        width: 100px;
        height: 30px;
        background:red;
        text-align: center;
        line-height: 30px;
        border-radius: 20px;
    }

     img{
         margin-top: 20px;
     }
</style>

</head>
<body>
    <div>
         <div style="background:orange">
            中国青年报客户端北京9月18日电(中青报·中青网记者 胡宁)今天,中国疾病预防控制中心主任高福在中关村论坛上发表演讲时透露,目前我国已成立国家新冠病毒中心,以便更好地应对新冠肺炎疫情。
            高福介绍,新成立的国家新冠病毒中心将负责收集病毒、基因组序列,进行新冠疫情防控相关的培训、国际合作、协调全国活动、制定国家标准等工作。
            9月18日下午,北京中关村国家自主创新示范区展示中心会议中心,中国疾病预防控制中心主任高福在全球科学与生命健康论坛上发表主旨演讲。中青报·中青网记者 李峥苨/摄
        </div>
        <div style="background:brown">
            “目前全球仍处于新冠肺炎大流行早期。”高福说,新冠肺炎与流感最大的不同是它没有季节性。根据已有证据显示,该病毒很早就适应人类,但是处于休眠状态,可能无法明确溯源。
            回顾过去的战“疫”过程,高福介绍说,事实上,2019年年底,一些第三方公司就已经测到了不明原因肺炎基因序列。这也引发了未来我国的疾控体系要不要进行改革的讨论,比如第三方公司发行的问题要不要通过疾控系统进行上报。
            来源:中国青年报客户端
        </div>
        <hr>
         <div id="screen-capture-btn">
             截屏
         </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/html2canvas.js"></script>
    <script type="text/javascript" src="js/screen.js"></script>
    <script type="text/javascript">

    </script>
    <script>
        $(document).ready(function() {
            $("#screen-capture-btn").screenCaptureBtn(function(image){
                document.body.appendChild(image);
            });
        });
    </script>

</body>

下载地址:https://download.csdn.net/download/qq_39951656/12859850

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页