iPad / Android平板电脑的HTML5 Canvas(游戏)

HTML5 Canvas (game) on iPad / Android tablets

本文关键字：Canvas 游戏 HTML5 Android 平板电脑 iPad 更新时间：2023-09-26

在尝试使用Canvas制作游戏时，我注意到平板电脑/手机浏览器的一些怪癖。

1)我如何禁用画布是可选择的?似乎当用户触摸它时，它会突出显示画布，并且几乎会尝试选择它。这是不希望的。

2)浏览器滑动手势。一些浏览器有滑动手势，覆盖在画布或网页上完成的任何移动捕获。这是非常烦人的，也是不希望看到的。

3)带有HTML UI元素的画布控件。我注意到，当画布上有其他ui元素(如文本)时，有时单击或拖动画布会突出显示HTML的一部分，而不是拖动HTML元素，而不是点击画布。

任何帮助都非常感谢!我希望HTML5足够成熟，能够兼容手机和桌面。这个想法是能够编码一次，并发挥无处不在....谢谢!

这应该可以解决与#1和#3相关的问题:

canvas.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }, false);

#2似乎是一个非常独立的问题，但我从来没有遇到过幻灯片手势覆盖任何画布内容的问题。尝试在触摸事件开始时使用e.preventDefault();