1、为了用DOM做2D游戏，你基本上要动态地调整元素风格，以便在页面上移动它虽然有些时候DOM修改是很好的，但这一次我将重点介绍使用HTML5Canvas来制作图像，因为对于现代浏览器，它是最灵活的页面设置首先，你要创建一个HTML；禁止canvas硬件加速，从而避免了类似黑屏闪烁动画停滞跳帧和擦除不全一类的问题取消硬件加速后，动画会更加平顺，但是整体速度会变慢，这个速度的快慢程度取决于手机的计算能力所以在安卓手机上要想达到统一的动画效果；HTML5canvas元素用于图形的绘制，通过脚本 通常是JavaScript来完成canvas标签只是图形容器，您必须使用脚本来绘制图形你可以通过多种方法使用 canvas 绘制路径，盒圆字符以及添加图像2Canvas基本使用ltcanvas id=quotmyCa。

2、必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片 如果试图在图片未完全加载之前就将其呈现到canvas 上，将不会显示任何图片var img= new Imageimgsrc = quotbarkjpgquot；上面的不行，是因为这2个对象没有初始化，就调用方法，报错，可以这样写 windowonload = function canvas = documentgetElementByIdquotmyCanvasquotcontext = canvasgetContextquot2dquotcontextrect20，20，150，100；clearRect方法contextclearRect0， 0， canvaswidth， canvasheight第二种方法擦除重新设置高宽度canvasattr#39width#39， canvaswidthcanvasattr#39height#39， canvasheight；var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquotquotbeforeEndquot， myCanvas或者这种做法 var myCa；这篇文章主要为大家详细介绍了HTML5 canvas实现雪花飘落特效，效果实现引人入胜，很逼真的动画效果，感兴趣的小伙伴们可以参考一下看到网上很多展示html5雪花飞动的效果，确实非常引人入胜，我相信大家也跟我一样看着心动的。

3、我觉得html5是最新一代的超文本标记语言，我对这个应用很有感触，平时做这个工作就已经很顺手了，现在要介绍它的优点，必须要到位啊HTML5Canvas实现各种炫酷的仪表盘动画 仪表盘包括指南针里程表体温计等，你可以通过；主要思想\x0d\x0a首先要准备一张有连续帧的图片，然后利用HTML5Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放\x0d\x0a关键技术点\x0d\x0aJavaScript函数setTimeout有两个参数；展开全部 HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件 在Android中循环播放一秒时间很短的视频可以阻止自动睡眠，终于不需要用那些还没有正式被浏览器支持的新API了而iOS似乎是用JavaScript的定时器不断self；你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高这样你看，不管你是用普通的img元素，还是用ht。

4、HTML5 模板HTML5 Demos 这里集合了一些基于 HTML5 的优秀的实验演示，最初只有5个演示，后来逐渐扩充HTML5 Test 想知道桌面或移动 Web 浏览器符合最新的 HTML5 标准吗？这个网站可以帮助测试出分数和评级HTML5 Canva；Createjs是一个JavaScript库，用HTML5Canvas元素工作最著名的地方是创建游戏衍生艺术等图形工具它为我们提供了伟大的图形体验使用这些HTML5动画工具，相信能够帮助你在HTML动画设计上有一定的提升~还在等什么，赶紧下载。

5、默认宽度300px，高度200px别信那个150的。