今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转,首先,在这个太阳系里分为画轨道和画星球两个部分,对
于每一个星球我们要知道它的颜色和公转周期,如下图。
采用面向对象编程的思想,代码如下:
你的浏览器不支持canvas标签!
//设置2d绘图环境...
分类:
Web程序 时间:
2014-05-10 09:32:09
阅读次数:
640
最近在研究canvas技术,发现一个问题,就是所画图像会随着画布大小自动变换大小。原因如下使用了style属性 或者在页面中引入内嵌样式后来才发现canvas
元素只有如下设置宽度和高度才能正确控制图像大小
分类:
Web程序 时间:
2014-05-07 10:20:19
阅读次数:
399
HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断,让HTML5当家做主人,所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子,让大家更好的理解HTML5和有效的应用在项目中。...
分类:
Web程序 时间:
2014-05-07 06:30:58
阅读次数:
332
当使用移动设备进行触控操作时,最常用的就是轻击、按住屏幕或者手势操作,jQuery Mobile可以通过绑定的触控事件来响应使用者的特定触控行为。一、轻击与按住直接上代码(一切皆在代码中,细细品吧!)
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1....
分类:
移动开发 时间:
2014-05-07 04:45:59
阅读次数:
426
为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图:图中用红色框圈起来的是界面中的事件,测试代码如下:
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=0;...
分类:
移动开发 时间:
2014-05-07 04:40:07
阅读次数:
450
实现卡拉OK效果, 主要是使用了QPainter的叠加,
pTmp.setCompositionMode(QPainter::CompositionMode_DestinationIn);
pTmp.drawImage(0, 0, pmMask);
pTmp.setCompositionMode(QPainter::CompositionMode_DestinationOver);...
分类:
其他好文 时间:
2014-05-07 04:22:26
阅读次数:
319
在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿。使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响。在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mobile会对标记data-prefetch的链接...
分类:
移动开发 时间:
2014-05-07 03:51:49
阅读次数:
400
众所周知,Http协议是无状态的,并且是基于Request/Response的方式与服务器进行交互,也就是我们常说的单工模式。但是随着互联网的发展,浏览器与服务端进行双向通信需求的增加,长轮询向服务器以获取最新数据并实现推送效果的方式已经越来越不能满足我们。Html5标准的制定,也为我们提供了浏.....
分类:
Web程序 时间:
2014-05-07 02:19:44
阅读次数:
414
在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递。1、GET方式:在前一个页面生成参数并传入下一个页面,然后在下一个页面中进行GET内容解析。2、通过HTML5的Web Storage进行参数传递。3、建立当前页面变量,在前一个页面将所需传递的参数内容赋值到变量中,在后一个页面从变量中将参...
分类:
移动开发 时间:
2014-05-06 21:58:26
阅读次数:
450
传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。
Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5
功能支持情况。 Modernizr 并非试图添加老版本浏...
分类:
其他好文 时间:
2014-05-06 18:16:46
阅读次数:
455