手机浏览器中的html5 canvas支持

Question

我开发了一个简单的基于html5的游戏。在这个游戏中有4个控制键左，右，上，下箭头(向下键事件)。它在我的笔记本电脑浏览器上运行良好。我喜欢为手机定制这个游戏。在手机(Android，IOS)中适合阅读输入的事件有哪些？以及移动浏览器中画布的标准尺寸(高度和宽度)？

Answer 1

控件

这是你可以发挥创造力的地方。虚拟键盘可以将屏幕分成不同的部分。左边的部分是左边，右边的部分是右边，等等，真的取决于你的游戏类型。

对于虚拟键盘来说，found here是一个非常好的教程。查看演示！

事件

查看Apples guide on how to add events。

基本上是这样的：

element.addEventListener("touchstart", touchStart, false);
element.addEventListener("touchmove", touchMove, false);
element.addEventListener("touchend", touchEnd, false);
element.addEventListener("touchcancel", touchCancel, false);

或者，我推荐一个像hammerJS这样的库。它为你处理触摸事件并简化手势。

屏幕大小

苹果很简单，你有320×480,640×960,640×1136

安卓系统稍微复杂一些。最好的答案是查看谷歌提供的以下页面：Screen size analytics。

它们通常分为以下几类

X大屏幕至少为960dp x 720dp

大屏幕至少为640dp x 480dp

正常屏幕至少为470dp x 320dp

小屏幕至少为426dp x 320dp

Answer 2

标题的答案：

canvas在全球范围内受到iOS和安卓手机的支持，在caniuse.com上显示更多详细信息：http://caniuse.com/#feat=canvas

消息的回复：

手机没有键盘。

对于可以使用指针事件API (and its polyfill)制作虚拟操纵杆的按键，请显示本教程以了解更多详细信息：http://www.codeproject.com/Articles/594186/Create-a-Cross-browser-Touch-based-Joystick-with-Hand-js