npm install js-clip-screen --save
在main.js中引入,使用
import jsClipScreen from 'js-clip-screen'
import ClipScreen from "js-clip-screen/tools/clipScreen";
Vue.use(jsClipScreen);
Vue.prototype.$ClipScreen = ClipScreen
在页面中使用
<el-button type="success" @click="screenShots">点击截图</el-button>
并在当前页面的根节点中
定义ref属性 ref="xx"
在methods中对此节点进行定义
screenShot(success, complete) {
new this.$ClipScreen(this.$refs.xx, {
success,
complete
});
},
screenShots() {
this.screenShot(
(res) => {
// 截图成功
console.log(res);
},
function() {
// 结束
console.log(this);
}
);
},