今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转，首先，在这个太阳系里分为画轨道和画星球两个部分，对
于每一个星球我们要知道它的颜色和公转周期，如下图。
采用面向对象编程的思想，代码如下：
你的浏览器不支持canvas标签！
//设置2d绘图环境...
分类：
Web程序 时间：
2014-05-10 09:32:09
阅读次数：
640
原文：http://www.cnblogs.com/rainman/archive/2011/06/22/2086069.htmlHTML5
本地存储1、sessionStorage2、localStorage3、Database
Storage4、globalStorage5、兼容性参考文献本地持...
分类：
Web程序 时间：
2014-05-09 17:41:41
阅读次数：
386
HTML5可不是什么虚幻的概念，与其高谈阔论的讨论HTML5未来的趋势和价值，不如一起研究一下现在的HTML5可以做出哪些成果，可以让我们做出出色的产品。
Form Follows Function就是一個展示HTML5实现的网站，目前网站展示了14个作品，其中包括了交互操作以及视觉效果。这些...
分类：
Web程序 时间：
2014-05-09 17:13:24
阅读次数：
412
效果如下实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。代码说明：样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作；样式表中.border
div定义了div的基本样式，红色的10px圆形；10...
分类：
Web程序 时间：
2014-05-09 12:14:49
阅读次数：
325
相信大家都知道，现在市面上手机的屏幕尺寸多种多样，2.8寸、3.0寸、3.2寸、3.5寸、4.0寸、4.2寸、4.5寸等等，随之而来的手机分辨率也千差万别，有240*320像素、320*480像素、480*800像素、640*960像素等等，其中480*800像素和640*960像素是主流的，但智能...
分类：
移动开发 时间：
2014-05-08 20:42:26
阅读次数：
468
1.当一个容器需要直接定义样式或通过脚本定义行为时，推荐使用div元素而非section元素。2.section是需要标题的，而nav或aside没有标题也是可以的。3.html5轮廓工具
http://gsnedders.html5.org/outliner/4.HTML 标签 是html5中的....
分类：
Web程序 时间：
2014-05-08 20:22:52
阅读次数：
281
最近在研究canvas技术，发现一个问题，就是所画图像会随着画布大小自动变换大小。原因如下使用了style属性 或者在页面中引入内嵌样式后来才发现canvas
元素只有如下设置宽度和高度才能正确控制图像大小
分类：
Web程序 时间：
2014-05-07 10:20:19
阅读次数：
399
如果你现在开始用html5的声明来写页面时，你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除，需要定义边框之类的时应该使用css的写法。具体实现如下：
Html5 Tabl...
分类：
Web程序 时间：
2014-05-05 10:26:59
阅读次数：
603
现在主流浏览器基本上实现了全屏效果，但是不同浏览器实现不一样：【进入和退出全屏】//
Webkit (works in Safari5.1 and Chrome
15)element.webkitRequestFullScreen();document.webkitCancelFullScreen(...
上下左右滑动页面，可以切换到图片（表格布局）。...
分类：
移动开发 时间：
2014-05-04 09:34:15
阅读次数：
392
