使用 js-web-screen-shot 插件完成屏幕局部截图带截图工具栏,然后将截取的图片上传给后端
第一步、先下载js-web-screen-shot插件
yarn add js-web-screen-shot # or npm install js-web-screen-shot --save
第二步、在vue页面引入import插件
import ScreenShort from "js-web-screen-shot";
第三步、在点击截图监听事件中实例化插件
var timer=setTimeout(()=>{
const screenShotHandler = new ScreenShort({
enableWebRtc: false, //是否显示选项框
level:99, //层级级别
completeCallback: this.callback,
closeCallback: this.closeFn,
);
},0)
这个时间值可以不要,我是new时间没有触发才加的时间值,这个根据自己项目问题添加,如果还想使用其他参数和方法,请参考js-web-screen-shot网页
第四步、截图成功要进行上传,将图片传递给后端&