"html5"相关教程
[HTML] HTML Audio/Video DOM volume 属性
HTML5Audio/VideoDOM参考手册实例将视频音量设置为20%:myVid=document.getElementById("video1");myVid.volume=0.2;亲自试一试定义和用法volume属性设置或返回音频/视频的当前音量。浏览器支持所有主流浏览器都支持volume属性。注释:InternetExplorer8或更早的浏览器不支持该属性。语法设置volume属性:audio|video.volume=volumevalue返...
HTMLDOMCanvas对象定义和用法fill()方法填充当前的图像(路径)。默认颜色是黑色。提示:请使用fillStyle属性来填充另一种颜色/渐变。注释:如果路径未关闭,那么fill()方法会从路径结束点到开始点之间添加一条线,以关闭该路径,然后填充该路径。实例绘制150*100像素的矩形,然后用绿色来给它填色:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcan...
[HTML] HTML Audio/Video DOM canplay 事件
HTML5Audio/VideoDOM参考手册实例提示该视频已准备好开始播放:myVid=document.getElementById("video1");myVid.oncanplay=alert("Can start playing video");亲自试一试定义和用法当浏览器能够开始播放指定的音频/视频时,发生canplay事件。当音频/视频处于加载过程中时,会依次发生以下事件:loadstartd...
HTMLDOMCanvas对象定义和用法stroke()方法会实际地绘制出通过moveTo()和lineTo()方法定义的路径。默认颜色是黑色。提示:请使用strokeStyle属性来绘制另一种颜色/渐变。实例绘制一条路径,形状是绿色的字母L:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("2d");}catch(er...
[HTML] HTML Audio/Video DOM canplaythrough 事件
HTML5Audio/VideoDOM参考手册实例提示视频能够不停顿地一直播放:myVid=document.getElementById("video1");myVid.oncanplaythrough=alert("Can play through video without stopping");亲自试一试定义和用法当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频...
HTMLDOMCanvas对象定义和用法beginPath()方法开始一条路径,或重置当前的路径。提示:请使用这些方法来创建路径:moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo()以及arc()。提示:请使用stroke()方法在画布上绘制确切的路径。实例在画布上绘制两条路径;红色和蓝色:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById(...
[HTML] HTML Audio/Video DOM durationchange 事件
HTML5Audio/VideoDOM参考手册实例提示视频的时长已改变:myVid=document.getElementById("video1");myVid.ondurationchange=alert("The video duration has changed");亲自试一试定义和用法当指定音频/视频的时长数据发生变化时,发生durationchange事件。当音频/视频加载后,时长将...
HTMLDOMCanvas对象定义和用法moveTo()方法将路径移动到画布中的指定点,而不创建线。提示:请使用stroke()方法在画布上绘制确切的路径。实例开始一条路径,移动到位置0,0。创建到达位置300,150的一条线:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("2d");}catch(er){canvOK...
[HTML] HTML Audio/Video DOM loadeddata 事件
HTML5Audio/VideoDOM参考手册实例提示当前帧的数据是可用的:myVid=document.getElementById("video1");myVid.onloadeddata=alert("Browser has loaded the current frame");亲自试一试定义和用法当当前帧的数据已加载,但没有足够的数据来播放指定音频/视频的下一帧时,会发生load...
HTMLDOMCanvas对象定义和用法closePath()方法创建从当前点到开始点的路径。提示:请使用stroke()方法在画布上绘制确切的路径。提示:请使用fill()方法来填充图像(默认是黑色)。请使用fillStyle属性来填充另一个颜色/渐变。实例例子1绘制一条路径,形式是字母L,然后绘制线条以返回开始点:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcan...
[HTML] HTML <button> 标签的 autofocus 属性
HTML<button>标签实例当页面加载时,会获得焦点的一个按钮:<button type="button" autofocus="autofocus">点击这里</button>亲自试一试定义和用法autofocus属性规定当页面加载时按钮应当自动地获得焦点。如果使用该属性,则按钮会获得焦点。HTML4.01与HTML5之间的差异autoplay属性是HTML5中的新属性。语法...
[HTML] HTML 5 Audio/Video DOM loadedmetadata 事件
HTML5Audio/VideoDOM参考手册实例提示音频的元数据已加载:myVid=document.getElementById("video1");myVid.onloadedmetadata=alert("Meta data for video loaded");亲自试一试定义和用法当指定的音频/视频的元数据已加载时,会发生loadedmetadata事件。音频/视频的元数据包括:时长、尺...
HTMLDOMCanvas对象定义和用法lineTo()方法添加一个新点,然后创建从该点到画布中最后指定点的线条(该方法并不会创建线条)。提示:请使用stroke()方法在画布上绘制确切的路径。实例例子1开始一条路径,移动到位置0,0。创建到达位置300,150的一条线:YourbrowserdoesnotsupporttheHTML5canvastag.varc=document.getElementById("myCanvas");varcanvOK=1;try{c.getContext("...
[HTML] HTML Audio/Video DOM loadstart 事件
HTML5Audio/VideoDOM参考手册实例提示音频的元数据已加载:myVid=document.getElementById("video1");myVid.onloadstart=alert("Starting to load video");亲自试一试定义和用法当浏览器开始寻找指定的音频/视频时,会发生loadstart事件。即当加载过程开始时。当音频/视频处于加载过程中时,会依次发生以下事件:...
HTMLDOMCanvas对象定义和用法clip()方法从原始画布中剪切任意形状和尺寸。提示:一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域)。您也可以在使用clip()方法前通过使用save()方法对当前画布区域进行保存,并在以后的任意时间对其进行恢复(通过restore()方法)。实例从画布中剪切200*120像素的矩形区域。然后,绘制绿色矩形。只有被剪切区域内的绿色矩形部分是可见的:YourbrowserdoesnotsupporttheHTML5...