摘要:
一、绘制图片 ①加载图片 ②三个参数: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()接受一个整数作为参数,移动到该整数指定的页面,相对当前,跳出多少条记录,前进参数为正,后退参数 阅读全文