摘要：
一、绘制图片 ①加载图片 ②三个参数：drawImage（img，x，y） ③五个参数：drawImage（img，x，y，w，h） ④九个参数：drawImage（img，x，y，w，h，x1，y1，w1，h1） 二、帧动画 ①首先需要一张精灵图，里面有一组可以连续起来做动画的人或者物 ②可以动态 阅读全文
摘要：
一、矩形绘制 ①rect（x，y，w，h）绘制矩形路径，不是独立路径，起点是x，y，宽是w，高是h ②strokeRect（x，y，w，h）绘制描边矩形，有独立路径 ③fillRect（x，y，w，h）绘制填充矩形，有独立路径 ④clear（x，y，w，h）擦除矩形区域 ⑤绘制一个颜色渐变的矩形 二 阅读全文
摘要：
一、定义 canvas最早是由Apple引入Webkit的，<canvas>元素包含于HTML5中 HTML5的canvas元素使用JavaScript在网页上绘制图像，画布是一个矩形区域，可以控制其每一像素，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法 二、基本使用（步骤） ①创建canv 阅读全文
摘要：
一、离线应用cache manifes文件 HTML5中构建了一个离线（无网络状态）应用，只需创建一个cache manifest文件 可以配置需要的缓存的资源，网络无连接应用任然可以使用，本地读取缓存资源，有效提升访问速度，可以增强用户体验，并且减少请求，缓解服务器的负担 缓存清单是一个普通的文本 阅读全文
摘要：
一、定义 input的file类型会渲染为一个按钮和一段文字。点击按钮可打开文件选择窗口，文字表示对文件的描述（大部分情况下为文件名）；file类型的input会有files属性，保存着文件的相关信息。 FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。 阅读全文
摘要：
一、定义 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。Safari 5.1.2不支持拖动 二、使用 设置元素为 阅读全文
摘要：
一、背景 在HTML规范中，增加了获取用户地理信息的API，这样使得可以基于用户位置开发互联网应用，即基于位置服务 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支 阅读全文
摘要：
一、定义 随着互联网的快速发展,基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常在本地存储大量的数据，HTML5规范提出了相关解决方案 本地存储设置读取方便，容量较大，sessionStorage约5M，localStorage约20M，但是只能存储字符串，但是可以将对 阅读全文
摘要：
一、history对象 ①history.back（）移动到上一个访问页面，等同于浏览器的后退键。 ②history.forward（）动到下一个访问页面，等同于浏览器的前进键。 ③history.go（）接受一个整数作为参数，移动到该整数指定的页面,相对当前，跳出多少条记录，前进参数为正，后退参数 阅读全文