CodeNodeX AI
注册写作

Learning Path

标签参考 教程

浏览 标签参考 相关教程与章节。

标准、参考与速查

W3C、标签速查、字符集、XML/XSL、浏览器兼容与参考文档。

教程

626

TUTORIAL标准、参考与速查已抓取/标签参考

HTML 音频/视频 DOM videoTracks 属性

HTML 音频/视频 DOM videoTracks 属性 HTML 音频/视频 DOM 参考手册 实例 获得可用视频轨道的数量： myVid=document.getElementById('video1');alert(myVid.videoTracks.length); 尝试一下 » 定义和用法 videoTracks 属性返回 VideoTrackList 对象。 VideoT..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML 音频/视频 DOM volume 属性

HTML 音频/视频 DOM volume 属性 HTML 音频/视频 DOM 参考手册 实例 将视频音量设置为 20%： myVid=document.getElementById('video1');myVid.volume=0.2; 尝试一下 » 定义和用法 volume 属性设置或返回音频/视频的当前音量。 浏览器支持 所有主流浏览器都支持 volume 属性。 注意：I..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas addColorStop() 方法

HTML canvas addColorStop() 方法 HTML canvas 参考手册 实例 定义一个从黑到白的渐变，作为矩形的填充样式： YourbrowserdoesnotsupporttheHTML5canvastag. window.onload=function() { var c=document.getElementById('myCanvas'); var canvOK=1;..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas arc() 方法

HTML canvas arc() 方法 HTML canvas 参考手册 实例 创建一个圆形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er) {canvO..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas arcTo() 方法

HTML canvas arcTo() 方法 HTML canvas 参考手册 实例 在画布上创建介于两个切线之间的弧： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas beginPath() 方法

HTML canvas beginPath() 方法 HTML canvas 参考手册 实例 在画布上绘制两条路径；绿色和紫色： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} c..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas bezierCurveTo() 方法

HTML canvas bezierCurveTo() 方法 HTML canvas 参考手册 实例 绘制一条三次贝塞尔曲线： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} ca..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas clearRect() 方法

HTML canvas clearRect() 方法 HTML canvas 参考手册 实例 在给定矩形内清空一个矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas clip() 方法

HTML canvas clip() 方法 HTML canvas 参考手册 实例 从画布中剪切 200*120 像素的矩形区域。然后，绘制一个红色矩形。只有被剪切区域内的红色矩形部分是可见的： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try ..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas closePath() 方法

HTML canvas closePath() 方法 HTML canvas 参考手册 实例 绘制一条路径，形式是字母 L，然后绘制线条以返回开始点： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas createImageData() 方法

HTML canvas createImageData() 方法 HTML canvas 参考手册 实例 创建 100*100 像素的 ImageData 对象，其中每个像素都是红色的，然后把它放到画布上： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas createLinearGradient() 方法

HTML canvas createLinearGradient() 方法 HTML canvas 参考手册 实例 定义从黑到白的渐变（从左向右），作为矩形的填充样式： YourbrowserdoesnotsupporttheHTML5canvastag. window.onload=function() { var c=document.getElementById('myCanvas'); var..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas createPattern() 方法

HTML canvas createPattern() 方法 HTML canvas 参考手册 用到的图像： 实例 在水平和垂直方向重复图像： YourbrowserdoesnotsupporttheHTML5canvastag. document.getElementById('lamp').onload=function() { var c=document.getElementById(..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas createRadialGradient() 方法

HTML canvas createRadialGradient() 方法 HTML canvas 参考手册 实例 绘制一个矩形，并用放射状/圆形渐变进行填充： YourbrowserdoesnotsupporttheHTML5canvastag. window.onload=function() { var c=document.getElementById('myCanvas'); var c..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas drawImage() 方法

HTML canvas drawImage() 方法 HTML canvas 参考手册 要使用的图片： 实例 向画布上面绘制图片： 您的浏览器不支持 HTML5 canvas 标签。 var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er) {canvOK=..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas fill() 方法

HTML canvas fill() 方法 HTML canvas 参考手册 实例 绘制 150*100 像素的矩形，然后用红色来给它填色： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d'..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas fillRect() 方法

HTML canvas fillRect() 方法 HTML canvas 参考手册 实例 绘制 150*100 像素的已填充矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');}..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas fillStyle 属性

HTML canvas fillStyle 属性 HTML canvas 参考手册 实例 定义用红色填充的矩形： Yourbrowserdoesnotsupportthecanvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er) {canv..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas fillText() 方法

HTML canvas fillText() 方法 HTML canvas 参考手册 实例 使用 fillText()，在画布上写文本 'Hello world!' 和 'Big smile!'： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas font 属性

HTML canvas font 属性 HTML canvas 参考手册 实例 在画布上写一段 30 像素的文本，使用的字体是 'Arial'： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext(&..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas getImageData() 方法

HTML canvas getImageData() 方法 HTML canvas 参考手册 实例 下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布： [mycode3 type='js'] const canvas = document.getElementById('myCanvas'); const..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas globalAlpha 属性

HTML canvas globalAlpha 属性 HTML canvas 参考手册 实例 首先，绘制一个红色的矩形，然后将透明度 (globalAlpha) 设置为 0.2，然后再绘制一个蓝色和一个绿色的矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canv..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas globalCompositeOperation 属性

canvas{ border:1px solid #d3d3d3; margin-bottom:20px; } .gcoDIV{ float:left; width:140px; } HTML canvas globalCompositeOperation 属性 HTML canvas 参考手册 实例 使用不同的 globalCompositeOperation 值绘制矩形。红色矩形是目标图像，蓝色矩形是源图像：..

TUTORIAL标准、参考与速查已抓取/标签参考

HTML canvas ImageData data 属性

HTML canvas ImageData data 属性 HTML canvas 参考手册 实例 创建 100*100 像素的 ImageData 对象，其中每个像素均被设置为红色： 画布 YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c..