一、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)