js-clip-screep

下载

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);
        }
    );
},