手机浏览器中的html5 canvas支持

姆杜尔

我开发了一个基于html5的简单游戏。在这个游戏中有4个控制键,向左,向右,向上和向下箭头(向下键事件)。在我的笔记本电脑浏览器中效果很好。我喜欢为手机定制该游戏。手机(Android,IOS)读取输入适合的事件是什么?以及移动浏览器中画布的标准尺寸(高度和宽度)?

贾罗德

控制项

这是您可以发挥创造力的地方。虚拟键盘可以将屏幕划分为多个部分。左部分是左,右部分是右,依此类推。确实取决于您的游戏类型。

在这里可以找到有关虚拟键盘的非常好的教程查看演示!

大事记

查看有关如何添加事件的Apple指南

基本上是以下内容:

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

Android稍微复杂一些。最佳答案是查看Google提供的以下页面:屏幕尺寸分析

它们通常分为以下几类

x
大萤幕至少为960dp x 720dp大萤幕至少为640dp x 480dp
普通萤幕至少为470dp x 320dp
小萤幕至少为426dp x 320dp

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何检查我的浏览器是否支持HTML5 Canvas混合模式?

HTML5 Canvas 从浏览器缓存加载图像

为什么从已经支持它的浏览器中删除HTML5输入类型datetime?

哪些浏览器完全支持HTML5解析器?

HTML5 Canvas:防止在手机上移动

HTML5 / Canvas是否支持双缓冲?

检测不支持HTML5 <canvas>的最佳方法

HTML5 Canvas文本中支持的字体

即使支持HTML5视频,浏览器仍会加载HTML5后备图片

如何检测浏览器是否支持HTML5本地存储

哪些网络浏览器支持HTML5属性可排序?

浏览器需要什么来支持HTML5文档大纲?

使用HTML5 / Canvas / JavaScript拍摄浏览器内屏幕截图

在canvas.toDataURL中检测浏览器对图像类型的支持

当浏览器不支持HTML5拖放时,支持拖放的最佳方法是什么?

Canvas(fabricjs)阻止Web浏览器缩放和在手机上移动

如何从不支持HTML5的旧浏览器绑定到Web套接字服务器

Webkit浏览器<535(Android native / ios5 Safari)HTML5 Canvas单击错误

为什么我们要在HTML5后备广告中链接与一种浏览器尚不支持的格式相同的格式?

如何检测浏览器是否支持HTML 5

浏览器到手机

跨浏览器在HTML5 Canvas上放置文本不一致

html5 canvas是否支持带alpha的十六进制颜色?

在HTML5 Canvas上绘制,支持多点触控缩放,平移和缩放

是否可以在Android中创建文件支持的Canvas?

如何在Jest中为我的测试添加<canvas>支持?

现代浏览器中的TypeScript支持

手机浏览器不能专注于textarea

如何从手机浏览器打开深层链接?