Как изменить функции мыши, чтобы коснуться в холсте JS

Question

Сделана простая краска в Javascript.Однако он не работает в мобильных устройствах.

Существует ли простое «преобразование» с рабочего стола на сенсорный экран?

Я пытался изменить действия мыши, такие как перемещение мыши, на перемещение без движения.

$('#canvas').mousedown(function(e)  {
    var mouseX = e.pageX - this.offsetLeft;
    var mouseY = e.pageY - this.offsetTop;

    paint = true;
    addClick(mouseX, mouseY, false);
    redraw();
});

$('#canvas').mousemove(function(e){
    if(paint==true){
        addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);
        redraw();
    }
});

$('#canvas').mouseup(function(e){
    paint = false;
    redraw();
});

$('#canvas').mouseleave(function(e){
    paint = false;
});

Answer 1

К сожалению, нет простого "преобразования".По большей части вам придется изменить структуру.

Эта статья великолепна и более подробно описывает, какую структуру вы должны иметь при реализации сенсорной функциональности в Canvas.

http://bencentra.com/code/2014/12/05/html5-canvas-touch-events.html