Snipio.js

npm install --save snipio.js

import Snipio from 'snipio.js'
Snipio({

    /**
     * 启动后是否需要先让用户截图，可选
     * 1、h5 页面截图方式
     * 2、system 系统截图方式
     * 3、none 不截图（默认值）
     */
    snipping: "h5"
})

<script src="https://unpkg.com/snipio.js"></script>

Snipio({
    snipping: "system"
})

Snipio({
    snipping: "html2canvas",
    html2canvas
});

Snipio({
    tool: [{
        label: "确认",
        callback: function () {
            console.log("你点击了确认按钮！");
        }
    }]
})

Snipio({
    tool: [{
        label: "马赛克",

        // v0.2.0 新增
        drawHistroy:{
            mosaic:function(history){}
        },

        callback: function () {
            return {
                on:{
                    mouseDown:function(event){},
                    mouseMove:function(event){},
                    mouseUp:function(event){}
                }
            }
        },
        hold: true
    }]
})

this = {
    // 截图
    base64:String,

    // 画布节点
    view: Element,

    // 画布尺寸
    width: Number,
    height: Number,

    // 画笔
    painter,

    // 历史记录
    history: Array,

    // 绘制历史记录，v0.2.0 新增
    drawHistroy: Function,

    // 关闭
    close: Function,

    // 获取当前画布base64
    toDataURL: Function
}