Question

用Javascript做一个简单的画。但是，它不适用于移动设备。

从桌面到触摸屏是否容易进行“转换”？

我试图将鼠标动作（例如mousemove）更改为touchmove而不进行任何操作。

$('#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

如何更改鼠标功能以在JS画布中触摸

1 个答案: