在尝试使用 Canvas 制作游戏时,我注意到平板电脑/手机浏览器存在一些问题。
1) 如何禁用 Canvas 的可选功能?似乎当用户触摸它时,它会突出显示 Canvas ,并且几乎会尝试选择它。这是不希望的。
2) 浏览器滑动手势。某些浏览器具有滑动手势,可以覆盖在 Canvas 或网页中完成的任何移动捕获。这也是非常烦人和不受欢迎的。
3) 带有 HTML UI 元素的 Canvas 控件。我注意到当 Canvas 上出现其他 ui 元素(例如文本)时,有时在 Canvas 中单击或拖动会突出显示 HTML 的一部分,而不是拖动 HTML 元素而不是点击 Canvas 。
非常感谢任何帮助!我希望 HTML5 足够成熟,能够在移动设备和桌面设备上实现良好的兼容性。这个想法是能够编写一次代码并在任何地方玩......谢谢!
最佳答案
这应该可以解决您与#1 和#3 相关的问题:
canvas.addEventListener('selectstart', function(e) { e.preventDefault(); return false; }, false);
#2 似乎是一个非常独立的问题,但我从来没有遇到过滑动手势覆盖我的任何 Canvas 内容的问题。尝试在触摸事件开始时使用 e.preventDefault();
。
关于javascript - iPad/Android 平板电脑上的 HTML5 Canvas(游戏),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8659282/