一、video和audio元素的属性、方法、事件 1.标签
:视频标签
:音频标签
2.属性： src :引用文件路径 autoplay：自动播放 preload 默认属性auto 预先加载媒体文件
poster 视频的独有属性 播放前展示一张图片 width 宽 height 高 loop 自动重新播放 controls 用户界面展示 error 返回错误
played 获取播放时的时间段 paused 暂停 获取暂停时的 boolean值 ended 获取结束时的boolean值 volume 控制声音大小 muted 静音控制
3.方法 Play() :播放 pause() :暂停 load() :重新加载
4.事件 ontimeupdate ：音频/视频播放中事件 onended ：音频/视频结束时事件
.canvas
canvas: 画布标签（H5新增的标签）
2.属性 width 宽 height 高 id 标签的id
strokeRect 方法绘制矩形
fillRect 方法绘制“已填色”的矩形
clearRect() 方法清空给定矩形内的指定像素
fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式
strokeStyle 属性设置或返回用于笔触的颜色、渐变或模式
moveTo(x,y) 定义线条开始坐标 lineTo(x,y) 定义线条结束坐标 beginPath() 开始一条路径 closePath() 关闭结束已开始的路径
arc() 方法创建弧/曲线（用于创建圆或部分圆）
arc(x,y,r,sAngle,eAngle,counterclockwise);
createLinearGradients() 创建渐变对象
createLinearGradients(,x1,y1); createRadi
alGradient() 创建放射式渐变对象
createRadialGradient(x,y,r,x1,y1,r1);
addColorStop() 起始颜色 addColorStop(i,colors);
1.方法
drawImage(img,x,y) 给画布插入图片
drawImage(img,x,y,width,height) 给插入画布的图片设置宽高 drawImage(img,sx,sy,swidth,sheight,x,y,width,height) 将原图裁剪后的图片插入画布并且设置其宽高 注：参数：
img：规定要使用的图像、画布或视频。 sx：开始剪切的 x 坐标位置。 sy：开始剪切的 y 坐标位置。
swidth：被剪切图像的宽度。 sheight：被剪切图像的高度。
x：在画布上放置图像的 x 坐标位置。
y：在画布上放置图像的 y 坐标位置。
width：要使用的图像的宽度。（伸展或缩小图像） height：要使用的图像的高度。（伸展或缩小图像）
createPattern() 方法在指定的方向内重复指定的元素
createPattern(oImg,平铺方式) 属性值： repeat 平铺 repeat-x 沿x轴平铺 repeat-y 沿y轴平铺 no-repeat 不平铺，显示原图 阴影效果：
1.shadowOffsetX X轴偏移 2.shadowOffsetY Y轴偏移 3.shadowBlur 高斯模糊值 4.shadowColor 阴影颜色 时钟联系拓展的方法 1.setInterval（function(){ 定时器 },1000）