-
html5如何及时更新缓存文件(js、css或图片)
我们在使用offline cache的时候，有时候可能会更新资源，如js，css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源，当在次访问的时候 他使用的还是旧版本的资源，如...
-
html5 offlline 缓存使用示例
如果想使用该api，必须保证服务器端配置相应的mime类型。 拿tomcat为例，在打开Tomcat 6.0\conf\web.xml文件，在文件的最后面添加如下内容 复制代码 代码如下: mime-mapping extensionmanifest/extensi...
-
html5 worker 实例(二) 图片变换效果
worker的js代码img.js 复制代码 代码如下: onmessage = function(e) { postMessage(filter(e.data)) }; function filter(imgd) { var pix = imgd.pixels.data; var xcord = imgd.x / 1000; var ycord = imgd.y / 1000; for ( var i = 0, n = pix.l...
-
html5 worker 实例(一) 为什么测试不到效果
很多人在测试worker api的时候，总是会出现异常，根本测试不到效果。 在使用worker的时候有个必须注意的地方，就是单纯的文本文件是实现不了worker的，你写的实际代码 必须部署到服务...
-
HTML5的表单(绝对特别强大的功能)使用示例
1、邮箱的自动验证 只需要type=email 2、日期的验证（年月日）：type=date 3、时间的验证（格式：00:00）：type=time 4、数字的验证 (可以向上加 向下减)type=number 5、月份（--年--月）type=month...
-
利用HTML5画出一个坦克的形状具体实现代码
复制代码 代码如下: var canvas=document.getElementById('myCanvas'); var ctx= canvas.getContext('2d'); ctx.fillStyle="#99FF66"; ctx.fillRect(10,10,15,80); //ctx.fillRect(10,80,15,80); var canvas=document.getElementById('myCanvas'); va...
-
HTML5 Canvas——用路径描画线条实例介绍
原文： http://www.lifelaf.com/blog/?p=371 本文翻译自Steve Fulton Jeff Fulton HTML5 Canvas, Chapter 2, Using Paths to Create Lines 对于HTML5 Canvas，我们可以使用路径来描画任何图形。路径，简单来说就是一系列...
-
html5的画布canvas——画出简单的矩形、三角形实例
首先在html页面中放置一个canvas元素，其中canvas元素应该具备三个属性ID、width、height。 复制代码 代码如下: canvas id="demo" width="600" height="600"/canvas 取得canvas对象并取得上下文var cxt=documen...
-
html5的画布canvas——画出弧线、旋转的图形实例代
在做旋转操作之前一定要理解一句话：旋转的是画布的坐标系而不是图形本身，好了，理解了这一句话后，接下来的就很简单了。 首先认识一下画圆的坐标： 复制代码 代码如下: scrip...
-
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
今天，我们继续分享 JavaScript 实现的效果例子，这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景，点击图片任意位置都会触发。有时候，我们使用普通的 Javascri...
-
HTML5 video 事件应用示例
1、获取视频时间长度 当视频载入video后，使用 onloadedmetadata 事件获取视频的时间长度。 复制代码 代码如下: video.onloadedmetadata = function () { var vLength = video.duration; console.log(vLength); } 2、当...
-
一款html5 canvas实现的图片玻璃碎片特效
今天要为大家带来一款html5 canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中，然后似玻璃被打碎的效果渐消息。效果图如下： html代码： 复制代码 代码如下: img src...
-
基于html5 canvas实现漫天飞雪效果实例
本文实例讲述了基于html5 canvas实现漫天飞雪效果的方法，运行该实例可以看到很棒的下雪效果。如下图所示： 主要代码如下： 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...
-
html5中的input新属性range使用记录
过了两天完全没有电脑，没有电视，手机又没有流量的生活，习惯了那样喧嚣的节奏，再回到那么清净的环境，不啻于一次洗涤，同时却有些惶恐，好像自己又什么都不会了，如果脱离...
-
让IE下支持Html5的placeholder属性的插件
HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，...
-
html5摇一摇代码优化包括DeviceMotionEvent等等
首先对DeviceMotionEvent进行优化； 去除无用的代码，重新封装DeviceMotionEven 复制代码 代码如下: if(window.DeviceMotionEvent) { var speed = 25;//定义一个数值 var x = y = z = lastX = lastY = lastZ = 0;//重置所有...
