Javascript 为什么当Inspector打开时,e.Touchs[]在Chrome中的速度更快?
我有一个网站(live on),用户可以在该网站上以。 在Chrome和Chromebook中,鼠标可以很好地绘制图形 有了触摸屏,它就不会。。。快画一个圆是慢的方法。 ... 直到您打开Inspector(F12镀铬)。那么一切都很好 为什么打开Inspector时速度更快? 怎样才能得到如此快速的响应?这是我现在的主要目标! 最好的测试是使用触摸快速画一个圆Javascript 为什么当Inspector打开时,e.Touchs[]在Chrome中的速度更快?,javascript,canvas,inspector,ctx,Javascript,Canvas,Inspector,Ctx,我有一个网站(live on),用户可以在该网站上以。 在Chrome和Chromebook中,鼠标可以很好地绘制图形 有了触摸屏,它就不会。。。快画一个圆是慢的方法。 ... 直到您打开Inspector(F12镀铬)。那么一切都很好 为什么打开Inspector时速度更快? 怎样才能得到如此快速的响应?这是我现在的主要目标! 最好的测试是使用触摸快速画一个圆 function findxy_touch(res, e) { if (res == 'down') {
function findxy_touch(res, e) {
if (res == 'down') {
prevX = currX;
prevY = currY;
console.log(e.touches);
currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;
flag = true;
dot_flag = true;
if (dot_flag) {
ctx.beginPath();
ctx.fillStyle = x;
ctx.fillRect(currX, currY, 2, 2);
ctx.closePath();
dot_flag = false;
}
}
if (res == 'up' || res == "out") {
flag = false;
}
if (res == 'move') {
if (flag) {
prevX = currX;
prevY = currY;
//console.log(prevX);
// pak touch en muis!
currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;
draw();
}
}
仅仅通过使用的代码(以及链接到的代码),我就让它工作了。有了这个新代码,触摸事件处理得更好更快,从而使它工作起来
我的第一个代码不应使用,请使用工作的代码。触摸屏不会。。。快速画一个圆圈是一种缓慢的方式;无法复制,在谷歌Chrome手机浏览器上试用,运行速度和在桌面上一样快。你可以添加一些更多的信息/调试细节吗?当然,在这里下载一个Chrome性能配置文件来查看它:当Inspector未打开时,似乎没有足够的e.touch[]被提供,还有一个小的“发现”。。。当Inspector打开(或未打开)时,Inspector中的“接触列表”是不同的。查看第一个触摸列表-未打开检查器的内部“圆圈”:缓冲区似乎已满?第二个接触列表是打开检查器的外圈:更好还是没有缓冲区?