H5

跨文档消息传输 H5提供了网页文档之间互相接收与发送消息的功能。当在A页面中通过window.open方法打开B页面，或者在A页面中通过iframe嵌套B页面，我们想让A中的数据传递到B中就可以使用跨

web存储分为cookie存储和webStorage存储 cookie存储 Cookie 是一些数据, 存放数据一般为4KB左右，存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web

拖拽元素支持的事件 ondrag 应用于拖拽元素，整个拖拽过程都会调用 ondragstart 应用于拖拽元素，当拖拽开始时调用 ondragleave 应用于拖拽元素，当鼠标离开拖拽元素是调用 on

绘制图像 context.drawImage(image, x, y, w, h) 参数： image: 规定要使用的图像，画布或者视频， x : 在画布上放置图像的x轴坐标位置 y： 在画布上方式图

绘制线段 变形 1.平移 2.扩大(放大坐标) 3.旋转 4.保存和回滚 注意旋转时是将坐标轴旋转的

线性渐变 线性渐变以线性的模式来改变颜色，也就是水平，垂直或对角方向 addColorStop() 方法有两个参数。第一个参数是0-1之间的一个数值，这个数值指定该颜色进入渐变多长的距离，第二个参数是

创建 Canvas 基本用法 (1)获取canvas对象-->获取画布，通过document.getElementById()等方法取得canvas对象 (2)取得上下文(context)-->获取画

在video标签出现之前，如果想在网页中播放视频或者音频数据是非常困难的。H5中的video标签可以向使用img显示图片一样简单去播放视频。 video提供了很多属性和方法，我们可以通过直接设定或者通

使用H5中的新标签canvas绘制时钟，主要是对刻度，获取当前时间，绘制时针，分针，秒针的思考与理解，同时还要注意冒泡事件对代码的影响