投稿赚佣金 
升级SVIP
在html5的Canvas上绘制椭圆的几种方法总结
概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： context为Canvas的2D绘图环境对象， x为椭圆中心横坐标， y为椭圆中心纵坐标， a为椭
html5指南-7.geolocation结合google maps开发一个小的应用
今天我们将把html5的geolocation结合google maps开发一个小的应用。google maps的api地址：https://developers.google.com/maps/documentation/javascri
html5指南-6.如何创建离线web应用程序实现离线访问
今天我们的内容是关于如何创建离线web应用，他的好处是可以让浏览器下载我们指定的web资源，这样用户在离线状态下也能正常使用我们的站点。1.定义Manifest我们使用manifest列举出需要离线时访问的资源，他本身是一个文本类型的文件，
html5指南-5.使用web storage存储键值对的数据
本节课的内容是介绍web storage，使用它在浏览器里存储键值对的数据，功能上像以前的cookie一样，不过他更好，存储的数据可以更大。有两种类型的web storage：local storage和session storage，他们
html5指南-4.使用Geolocation实现定位功能
今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象，他提供了下列方法： getCurrentPosition(callback,errorCallb
html5指南-3.如何实现html元素拖拽功能
本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。 1.创建拖拽对象 我们可以通过d
html5指南-2.如何操作document metadata
今天的内容是关于如何操作document对象。 1.操作Document Metadata 首先我们来看看相关的属性： characterSet：获取当前document的编码方式，该属性为只读； charset：获取或者设置当前docum
html5指南-1.html5全局属性(html5 global attributes)深入理解
今天开始一个全新的关于html5系列课程，是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章节，或者有意义的内容进行整理，以供大家学习。 一个元素可以定义自己的属性，比如a标签定义h
html5的画布canvas——画出简单的矩形、三角形实例代码
首先在html页面中放置一个canvas元素，其中canvas元素应该具备三个属性ID、width、height。 复制代码代码如下:
HTML5 Canvas——用路径描画线条实例介绍
原文： http://www.lifelaf.com/blog/?p=371 本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “Using Paths to Cr
利用HTML5画出一个坦克的形状具体实现代码
复制代码代码如下: var canvas=document.getElementById('myCanvas'); var ctx= canvas.getContext('2d'); ctx.fillStyle="#99FF66"; ctx
HTML5的表单(绝对特别强大的功能)使用示例
1、邮箱的自动验证 只需要type=“email” 2、日期的验证（年月日）：type="date" 3、时间的验证（格式：00:00）：type="time" 4、数字的验证 (可以向上加 向下减)type="nu
html5 worker 实例(一) 为什么测试不到效果
很多人在测试worker api的时候，总是会出现异常，根本测试不到效果。 在使用worker的时候有个必须注意的地方，就是单纯的文本文件是实现不了worker的，你写的实际代码 必须部署到服务器（tomcat.jBoss等）才能运行wor
html5 worker 实例(二) 图片变换效果
worker的js代码img.js 复制代码代码如下: onmessage = function(e) { postMessage(filter(e.data)) }; function filter(imgd) { var pix = i
html5 offlline 缓存使用示例
如果想使用该api，必须保证服务器端配置相应的mime类型。 拿tomcat为例，在打开Tomcat 6.0\conf\web.xml文件，在文件的最后面添加如下内容 复制代码代码如下:
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
先上代码，写的jsp页面，后台是tomcat服务器，所以页面里有一些java的代码，如果后台用其他语言可以无视： 复制代码代码如下:
HTML5中如何显示视频呢 HTML5视频播放demo
今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 在HTML5中，video元素目前支持三种格式的视频文件， 1.Ogg =
HTML5视频支持检测(检查浏览器是否支持视频播放)
复制代码代码如下: 现在越来越多的网站都提供视频播放（非插件）。HTML5 提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢，下面我们来写一个列子。 复制代码代码如下:
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
在做旋转操作之前一定要理解一句话：旋转的是画布的坐标系而不是图形本身，好了，理解了这一句话后，接下来的就很简单了。 首先认识一下画圆的坐标： 复制代码代码如下: var cxt=
使用html5+css3来实现slider切换效果告别javascript+css
好吧，上次说要赶紧的补上几篇文章，结果淡定的失约了。又是近一个月才发一篇，真是让人郁闷。发现最近总是抽不出时间了，基本都是一个项目接一个项目的安排，自己不是在空闲的时候找不到合适的话题，就是在有纠结话题的时候抽不出时间了。所以我决定一段时间
