欢迎来到天天文库
浏览记录
ID:36323069
大小:886.50 KB
页数:23页
时间:2019-05-09
《html5.0之常用标签》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、HTML5.0之常用标签一.标签标签定义运行中的进度(进程)。1.只要设置了border或background-color样式,进度条元素就会变成扁平化风格.2.伪元素:progress-value已经完成的进度progress-bar全部的进度二.标签包含视频的标准方法。当前,video元素支持三种视频格式:Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件W
2、ebM=带有VP8视频编码和Vorbis音频编码的WebM文件二.标签浏览器支持的视频方法、属性和事件:方法:1.play():播放视频;2.pause():暂停视频;3.load():重新加载视频;4.canPlayType(type):是否能播放某种格式的资源;type的值类似"audio/mp3"属性:currentSrc;//返回当前资源的URLcurrentTime=value;//当前播放的位置,赋值可改变位置src=value;//返回或设置当前资源的URLdurat
3、ion;//当前资源长度流返回无限ended;//是否结束paused;//是否暂停muted=value;//静音true:静音状态;false:非静音volume=value;//音量值为0-1playbackRate=value;//当前播放速度,设置后马上改变error;//null:正常error.code;//1.用户终止2.网络错误3.解码错误4.URL无效networkState;//0.此元素未初始化1.正常但没有使用网络2.正在下载数据3.没有找到资源事件:loadstart
4、//客户端开始请求数据progress//客户端正在请求数据suspend//延迟下载abort//客户端主动终止下载(不是因为错误引起)error//请求数据时遇到错误stalled//网速失速play//play()和autoplay开始播放时触发pause//pause()触发loadedmetadata//成功获取资源长度waiting//等待数据,并非错误playing//开始回放canplay//可以播放,但中途可能因为加载而暂停canplaythrough//可以播放,歌曲全部加载
5、完毕seeking//寻找中seeked//寻找完毕timeupdate//播放时间改变ended//播放结束ratechange//播放速率改变durationchange//资源长度改变volumechange//音量改变三.标签定义图形,比如图表和其他图像。1.标签只是图形容器,您必须使用脚本来绘制图形。2.canvas的属性width和height必须是非负值,并且无论什么时候重新设置了width或height的值,画布中任何已绘对象都将被清除!3.可以通
6、过getContext(contextId)来获得上下文对象(该对象包括了canvse绘图所有的方法和属性)。contextId可以为"2d"和"3d",当前唯一被强制必须支持的是"2d",当使用一个canvas元素的getContext(“2d”)方法时,返回的是CanvasRenderingContext2D对象使用CanvasRenderingContext2D画直线1.beginPath()与closePath()beginPath方法重设绘图上下文的子路径列表,并清空所有的子路径clo
7、sePath方法在绘图上下文如果没有子路径时,什么也不做;否则,它先把最后一个子路径标示为闭合,然后建立一个包含最后子路径的第一个点的子路径,并加入到绘图上下文2.moveTo(x,y)与lineTo(x,y)moveTo建立新的子路径,并制定其第一个点为(x,y)。lineTo(x,y)如果绘图上下文没有子路径,则其等同于moveTo(x,y),否则,其建立一条在子路径最后一个点到给定点的直线,并增加(x,y)到子路径中。可使用lineWidth[=value]设置线宽3.fill()与str
8、oke()fill():使用fillStyle属性所指定的颜色、渐变和模式来填充当前路径。stroke():方法绘制当前路径的边框。使用fill()路径会自动闭合,但使用stroke()不会(可使用closePath()来闭合路径)。使用CanvasRenderingContext2D画弧线arc(x,y,radius,startAngle,endAngle,anticlockwise)方法接受五个参数:x,y是圆心坐标,radius是半径,startAngle和endAngle分别是起末弧度(
此文档下载收益归作者所有