javascript - SignaturePad 中 onBegin() 的功能/如何记录每个笔画的开始

Question

我正在使用 SignaturePad。（https://github.com/szimek/signature_pad）

根据 API，onBegin()在笔画开始时调用，但它似乎只在页面加载时调用

例子：

var pad = new SignaturePad (canvas, {
  backgroundColor: 'rgb(255,255,255)',
  velocityFilterWeight:0.4,
  onBegin: console.log('hello')
  //onBegin: startWritingTimer()
});

上面的代码在页面加载时记录“hello”，而不是在每个笔划的开始。我是否误解了 API？

Answer 1

这就是我在 JQuery 中的做法：

jQuery(document).ready(function($){

    var canvas = document.getElementById("signature");
    var signaturePad = new SignaturePad(canvas);

    $('#clear-signature').on('click', function(){
        signaturePad.clear();
    });

    $('#submit-signature').on('click', function(){
        submitSignature();
    });

    signaturePad.onBegin = function() {
        alert('just began!');
    };


    function submitSignature(){
        if(!signaturePad.isEmpty()){
            alert('not empty');
        }   
    }

});

Answer 2

我也遇到过这个。经过几次尝试，这就是您可以使用变量调用它的方式。

pad.onBegin = function(event) {
  console.log('pad.onBegin has been called.', event);
};