Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在iPad中使用safari绘制画布元素?_Ipad_Html - Fatal编程技术网

如何在iPad中使用safari绘制画布元素?

如何在iPad中使用safari绘制画布元素?,ipad,html,Ipad,Html,我试图在Safari/iPad中实现一个画布元素来触摸登录。我在桌面浏览器上使用了mousedown mouseup和mousemove事件。我必须使用哪些事件在iPad中执行相同的操作?touchstart、touchend和touchmove 这是我的功能 var pizarra_canvas var pizarra_context function init(){ alert('2') pizarra_canvas = document.getElementB

我试图在Safari/iPad中实现一个画布元素来触摸登录。我在桌面浏览器上使用了mousedown mouseup和mousemove事件。我必须使用哪些事件在iPad中执行相同的操作?touchstart、touchend和touchmove

这是我的功能

var pizarra_canvas
var pizarra_context

function init(){

    
    alert('2')
    pizarra_canvas = document.getElementById("pizarra");
    pizarra_context = pizarra_canvas.getContext("2d");
    pizarra_context.strokeStyle = "#000";
    pizarra_canvas.addEventListener('touchstart',empezarPintar,false);
    pizarra_canvas.addEventListener('touchend',terminarPintar,false);
alert('1')
}

function empezarPintar(e){
pizarra_context.beginPath();
pizarra_context.moveTo(e.clientX-pizarra_canvas.offsetLeft,e.clientY-          pizarra_canvas.offsetTop);
pizarra_canvas.addEventListener('touchmove',pintar,false)
}

function terminarPintar(e){
pizarra_canvas.removeEventListener('touchmove',pintar,false);
}

function pintar(e) {
pizarra_context.lineTo(e.clientX-pizarra_canvas.offsetLeft,e.clientY-    pizarra_canvas.offsetTop);
pizarra_context.stroke();
}

我建议您看看类似或的框架,它们在触摸屏上处理画布时非常有用。

刚刚找到,包括它的。他们也在画布上画画。也许这可以作为一个起点。