html5大行其道的时代已经到来。如果你还在等待浏览器兼容，说明你已经与web脱节几条街了。当然，这得益于移动客户端的蓬勃发展。如果还在纠结于，是否应该掌握html5和css3技术时，请...

今天我们要用canvas制作一个猜字母的小游戏，先来张效果图。 游戏设计很简单，系统会随机从a-z的26个字母中选择一个保存起来，你键盘输入一个字母，系统会提示你正确字符比你当前...

从今天开始，我们将开始一个关于html5 canvas的系列课程。这个系列是我读《HTML5 Canvas：Native Interactivity and Animation for the Web》后的总结，有兴趣的朋友可以去下载英文原版书籍阅读。这本...

今天开始一个全新的关于html5系列课程，是我读《The Definitive Guide to HTML5 》的学习笔记。我会把自己觉得里面不错的章节，或者有意义的内容进行整理，以供大家学习。 一个元素可以定...

今天的内容是关于如何操作document对象。 1.操作Document Metadata 首先我们来看看相关的属性： characterSet：获取当前document的编码方式，该属性为只读； charset：获取或者设置当前document的编...

本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。狼蚁网站...

今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象，他提供了下列方法： getCurrentPosition(callback,errorCallback,options)：获取当前位置； watchPos...

本节课的内容是介绍web storage，使用它在浏览器里存储键值对的数据，功能上像以前的cookie一样，不过他更好，存储的数据可以更大。有两种类型的web storage：local storage和session storage，他...

今天我们的内容是关于如何创建离线web应用，他的好处是可以让浏览器下载我们指定的web资源，这样用户在离线状态下也能正常使用我们的站点。 1.定义Manifest 我们使用manifest列举出需...

今天我们将把html5的geolocation结合google maps开发一个小的应用。google maps的api地址：https://developers.google.com/maps/documentation/javascript/?hl=zh-CN。 调用google maps，实现需要添加js引用script type=tex...

概述 HTML5中的Canvas并没有直接提供绘制椭圆的方法，狼蚁网站SEO优化是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同： context为Canvas的2D绘图环境对象，...

前言 一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的，...

本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的 开发跨平台网站？ 靠标签的自适应宽高实现多尺寸通用！？ 标签宽高可以自适应没错，我们...

今天读了篇关于如何使用css3创建3d四面体的文章，觉的相当不错，所以拿出来和大家分享一下。 首先要和大家分享的是，如何使用div+css创建三角形。在这里我先把相关代码粘贴出来，然...

判断浏览器是否支持canvas，具体代码如下： 复制代码 代码如下: !DOCTYPE html head meta charset=utf-8 / titlecanvas/title script type='text/javascript' window.onload = function(){ /**判断浏览器是否支持canvas**/...

在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px。 在style里面写css样式的时候widht和height为实际显示尺寸大小。 现在以用canvas画一个对角线...