最近有个需求,要求类似微信、扣扣实现屏幕截屏功能,在此,使用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,
});
},
如下,截屏成功: