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

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

1)如何禁用Canvas选择? 看起来用户触摸它时,它会突出显示画布,并且几乎会尝试选择它。 这是不希望的。

2)浏览器滑动手势。 某些浏览器具有滑动手势,可以覆盖在画布或网页中完成的任何移动捕捉。 这是非常烦人和不受欢迎的。

3)使用HTML UI元素进行画布控制。 我注意到,当有一个与其他ui元素(如文本)一起呈现的画布时,有时在画布中单击或拖动将突出显示HTML的一部分,而是拖动HTML元素而不是击中画布。

任何帮助是极大的赞赏! 我希望HTML5能够足够成熟,以便在移动设备和桌面设备上实现良好的兼容性。 这个想法是能够编码一次,无处不在....谢谢!


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

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

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

链接地址: http://www.djcxy.com/p/56923.html

上一篇: HTML5 Canvas (game) on iPad / Android tablets

下一篇: How to use the test database with Capybara?