Vue中使用js-web-screen-shot插件实现截屏功能

最近有个需求,要求类似微信、扣扣实现屏幕截屏功能,在此,使用vue插件实现了此功能,记录如下:
安装截屏插件:

npm install js-web-screen-shot --save

页面引入:

import ScreenShort from "js-web-screen-shot";

调用:

<el-button @click="jitT()">截屏</el-button>

methods中写入截屏方法:

jitT(){
        const screenShotHandler = new ScreenShort({
        enableWebRtc: false,  //是否显示选项框
        level:99,  //层级级别
        completeCallback: this.callback,
        closeCallback: this.closeFn,
        });
},

如下,截屏成功:
Vue中使用js-web-screen-shot插件实现截屏功能_第1张图片

你可能感兴趣的:(es6,vue.js,前端,javascript)