html50之常用标签.pptVIP

HTML5.0之常用标签 一 . progress 标签 progress 标签定义运行中的进度（进程）。 1.只要设置了border或background-color样式，进度条元素就会变成扁平化风格. 2.伪元素 ：progress-value 已经完成的进度 progress-bar 全部的进度 二 . video 标签 包含视频的标准方法。当前，video 元素支持三种视频格式： Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 二 . video 标签 浏览器支持的视频方法、属性和事件： 方法： 1.play()：播放视频； 2. pause()：暂停视频； 3. load()：重新加载视频； 4. canPlayType(type)：是否能播放某种格式的资源；type的值类似audio/mp3 属性： currentSrc;//返回当前资源的URL currentTime= value; //当前播放的位置，赋值可改变位置 src= value; //返回或设置当前资源的URL duration;//当前资源长度 流返回无限 ended;//是否结束 paused;//是否暂停 muted= value; //静音 true:静音状态；false:非静音 volume= value; //音量 值为0-1 playbackRate= value;//当前播放速度，设置后马上改变 error;//null:正常 error.code;//1.用户终止 2.网络错误 3.解码错误 4.URL无效 networkState;//0.此元素未初始化 1.正常但没有使用网络 2.正在下载数据 3.没有找到资源 事件： loadstart//客户端开始请求数据 progress//客户端正在请求数据 suspend//延迟下载 abort//客户端主动终止下载（不是因为错误引起） error//请求数据时遇到错误 stalled//网速失速 play//play()和autoplay开始播放时触发 pause//pause()触发 loadedmetadata//成功获取资源长度 waiting//等待数据，并非错误 playing//开始回放 canplay//可以播放，但中途可能因为加载而暂停 canplaythrough//可以播放，歌曲全部加载完毕 seeking//寻找中 seeked//寻找完毕 timeupdate//播放时间改变 ended//播放结束 ratechange//播放速率改变 durationchange//资源长度改变 volumechange//音量改变 三 . canvas 标签 定义图形，比如图表和其他图像。 1.canvas 标签只是图形容器，您必须使用脚本来绘制图形。 2.canvas的属性width和height必须是非负值，并且无论什么时候重新设置了width或height的值，画布中任何已绘对象都将被清除！ 3.可以通过getContext(contextId)来获得上下文对象(该对象包括了canvse绘图所有的方法和属性) 。contextId可以为2d和3d ，当前唯一被强制必须支持的是2d，当使用一个canvas元素的getContext(“2d”)方法时，返回的是CanvasRenderingContext2D对象 使用CanvasRenderingContext2D画直线 1.beginPath()与closePath() beginPath方法重设绘图上下文的子路径列表，并清空所有的子路径 closePath方法在绘图上下文如果没有子路径时，什么也不做；否则，它先把最后一个子路径标示为闭合，然后建立一个包含最后子路径的第一个点的子路径，并加入到绘图上下文 2.moveTo(x, y)与lineTo(x, y) moveTo建立新的子路径，并制定其第一个点为(x,y)。 lineTo(x, y)如果绘图上下文没有子路径，则其等同于moveTo(x,y),否则，其建立一条在子路径最后一个点到给定点的直线，并增加(x,y)到子路径中。 可使用lineWidth[=value]设置线宽 3.fill()与stroke() fill() : 使用 fillStyle 属性所指定的颜