Vfrdtyky

I am trying in vain to make my canvas tactile : i have added the touch events and e.preventdefault (to avoid scrolling) but nothing appear on my canvas (the method works perfectly on desktop). After the signature is detected, the booking button (enregistrer) is enabled (and it is the case on mobile version, despite no draw appears on the signature pad). Here is my code (what i missed??) :

initCanvas(){            



    this.context.clearRect(0, 0, 250, 250);/*canvas vierge*/

    this.context.lineWidth = this.lineWidth;



    this.canvas.style.display = "block";

    this.enregistrer.style.display = "block";

}





deplacement(e) {



    if(this.dragging === true){

        this.context.lineTo(e.offsetX, e.offsetY);

        this.context.stroke();            

        this.context.beginPath();

        this.context.arc(e.offsetX, e.offsetY, this.radius, 0, Math.PI*2);/*defini le 1er point en forme de cercle à chaque clic*/

        this.context.fill();/*rempli le cercle*/

        this.context.beginPath();

        this.context.moveTo(e.offsetX, e.offsetY);            



    }        

}

deplacementMobile(e){

    e.preventDefault();        

    if(this.dragging === true){

        this.context.lineTo(e.ClientX, e.clientY);

        this.context.stroke();



        this.context.beginPath();

        this.context.arc(e.ClientX, e.ClientXY, this.radius, 0, Math.PI*2);/*defini le 1er point en forme de cercle à chaque clic*/



        this.context.fill();/*rempli le cercle*/

        this.context.beginPath();

        this.context.moveTo(e.offsetX, e.offsetY);            



    }

}



appuieMobile(e){



    this.dragging = true;

    this.deplacementMobile(e);        

}



appuie(e){        

    this.dragging = true;

    this.deplacement(e);

}



relache(){

    this.dragging = false;        

    this.context.beginPath();/*se desengage du chemin precedent*/

}



initEvent(){

    this.canvas.addEventListener("mousedown", function(e) {            

        this.appuie(e);

        this.compteur++;

        this.enregistrer.disabled = false;



    }.bind(this)); 



    this.canvas.addEventListener("mousemove", function(e) {

        this.deplacement(e);            

    }.bind(this)); 



    this.canvas.addEventListener("mouseup", function() {            

        this.relache();            

    }.bind(this)); 



    this.canvas.addEventListener("touchstart", function(e) {            

        this.appuieMobile(e);

        this.compteur++;

        this.enregistrer.disabled = false;

        console.log(this.compteur);

    }.bind(this)); 



    this.canvas.addEventListener("touchmove", function(e) {

        this.deplacementMobile(e);            

        }.bind(this)); 



    this.canvas.addEventListener("touchend", function() {            

        this.relache();            

    }.bind(this));       

}

Thank u for ur help :)