canvas实现手写签名

使用canvas实现手写签名，效果如下

PC端

    // 实现canvas签名
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');

    $('#canvas').mousedown(function (e) {
        e = e || e.evnet;
        console.log(e)
        ctx.beginPath();
        ctx.lineTo(e.offsetX, e.offsetY);
        ctx.stroke();

        $('#canvas').on('mousemove', function (e) {
            $('.tip-text').fadeOut(100);
            ctx.lineTo(e.offsetX, e.offsetY);
            ctx.stroke();
        })
    })

    $('#canvas').mouseup(function (e) {
        $('#canvas').off('mousemove')
    })

    $('#canvas').mouseleave(function (e) {
        $('#canvas').off('mousem