可以监听屏幕旋转事件，在屏幕旋转的时候重新设定canvas的width和height。
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都OPP胶袋小微创业公司专业提供企业网站设计营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
通过onorientationchange事件或resize事件监听手机的横竖屏，分别指定对应的事件。
！-- QQ浏览器私有属性：强制竖屏 -- meta name=x5-orientation content=portrait 微信应该不是调用的QQ浏览器，所以不知道有没有效，没见过能限制微信竖屏浏览的代码。
无论用户手持方向如何，都需要保证屏幕横向显示。由于屏幕分辨率的多样化，因此就算是横屏下也是需要进行横屏适配，保证画面在所有分辨率下都能够合理适配。 下面，我们针对这两点分别阐述如何解决。
)手机页面可以触摸移动，但是如果有需要禁止此操作，就是页面宽度等于屏幕宽度是页面正好适应屏幕才可以保证页面不能移动。
HTML5网页在电脑端和手机端都全屏显示的步骤如下：打开HTML5网页代码。在网页头部加上新代码，让网页的宽度自适应设备的宽度。
fillRect(x，y，宽度，高度)你的例子，代码控制比较看不懂。。，所以没在基础上整改。
css3 的transform属性允许我们旋转、缩放和移动元素。 可以通过给它传递一个 rotate(度数) 值来旋转一个元素，正值表示顺时针方向旋转，负值表示逆时针方向旋转，旋转的中心点为元素的中心。
JS中canvas画布绘制中如何实现缩放，位移，旋转 (2，2)；缩放的是整个画布，缩放后，继续绘制的图形会被放大或缩小。
当内容超过元素容器的高度时，滚动条就会出现，这是为了让超过内容也能显示设计。但有时候，我们不希望滚动条出现，我们就是想要超过容器部分不再显示，这时需要加一些命令，告诉浏览器我们的需要。
问题的因素有多个，包括硬件、浏览器以及实现方式。硬件会随着移动设备的快速更新而得到改进，甚至在硬件层面，设备有可能针对HTML5进行特殊的支持。
---特别注意，安卓没有发生过这些情况，因为解决办法是给最外层的wrapper，overflow-y：auto；也就是放弃了原生的滚动条，所以解决的时候要判断一下系统，安卓就不用处理了。
如果地球 是自转，可以使用遮罩动画，遮罩是圆形，然后找一个全球地图，放到补遮罩层，用补间动画制作循环滚动的动画就可以了。
首先用椭圆工具画个圆，元素选放射状渐变。下载一个地图的图片，载入到flash里面 把图片转换为原件，做一个从做到右移动的补间动画 新建一个图层，把椭圆负责一份到这个图层。把刚刚新建的图层右键设置为遮罩层。
地球存在绕自转轴自西向东的自转，平均角速度为每小时转动15度。在地球赤道上，自转的线速度是每秒465米。天空中各种天体东升西落的现象都是地球自转的反映。人们最早利用地球自转作为计量时间的基准。
图片旋转可以用CSS3中的动画效果来做，CSS3中，允许使用 3D 转换来对元素进行格式化。
html5中引入3d模型的方法是借助第三方PlayCanvas插件来完成的。
触发方法1：告知浏览器变形方式 -webkit-transform-style：preserve-3d；Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。
css3 的transform属性允许我们旋转、缩放和移动元素。 可以通过给它传递一个 rotate(度数) 值来旋转一个元素，正值表示顺时针方向旋转，负值表示逆时针方向旋转，旋转的中心点为元素的中心。
