CodeNodeX AI
注册写作

Learning Path

标签参考 教程

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

标准、参考与速查

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

教程

626

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

HTML canvas ImageData height 属性

HTML canvas ImageData height 属性 HTML canvas 参考手册 实例 输出 ImageData 对象的高度： alert('Height of imgData is: ' + imgData.height); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData hei..

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

HTML canvas ImageData width 属性

HTML canvas ImageData width 属性 HTML canvas 参考手册 实例 输出 ImageData 对象的宽度： alert('Width of imgData is: ' + imgData.width); 尝试一下 » 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 ImageData wid..

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

HTML canvas isPointInPath() 方法

HTML canvas isPointInPath() 方法 HTML canvas 参考手册 实例 如果点 20,50 位于当前路径中，则绘制一个矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('..

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

HTML canvas lineCap 属性

HTML canvas lineCap 属性 HTML canvas 参考手册 实例 绘制圆形的结束线帽： 您的浏览器不支持 HTML5 canvas 标签。 var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er) {canvOK=0;} if (can..

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

HTML canvas lineJoin 属性

HTML canvas lineJoin 属性 HTML canvas 参考手册 实例 当两条线条交汇时，创建圆形边角： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (..

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

HTML canvas lineTo() 方法

HTML canvas lineTo() 方法 HTML canvas 参考手册 实例 开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext(&#..

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

HTML canvas lineWidth 属性

HTML canvas lineWidth 属性 HTML canvas 参考手册 实例 用宽度为 10 像素的线条来绘制矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} cat..

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

HTML canvas measureText() 方法

HTML canvas measureText() 方法 HTML canvas 参考手册 实例 在画布上输出文本之前，检查字体的宽度： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d')..

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

HTML canvas miterLimit 属性

HTML canvas miterLimit 属性 HTML canvas 参考手册 实例 以最大斜接长度 5 绘制线条： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var ctx=c.getContext('2d'); ctx.lineWidth=10..

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

HTML canvas moveTo() 方法

HTML canvas moveTo() 方法 HTML canvas 参考手册 实例 开始一条路径，移动到位置 0,0。创建到达位置 300,150 的一条线： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext(�..

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

HTML canvas putImageData() 方法

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

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

HTML canvas quadraticCurveTo() 方法

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

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

HTML canvas rect() 方法

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

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

HTML canvas rotate() 方法

HTML canvas rotate() 方法 HTML canvas 参考手册 实例 将矩形旋转 20 度： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catch (er)..

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

HTML canvas scale() 方法

HTML canvas scale() 方法 HTML canvas 参考手册 实例 绘制矩形，放大到 200%，然后再次绘制矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');}..

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

HTML canvas setTransform() 方法

HTML canvas setTransform() 方法 HTML canvas 参考手册 实例 绘制一个矩形，通过 setTransform() 重置并创建新的变换矩阵，再次绘制矩形，重置并创建新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 setTransform() 时，它都会重置前一个变换矩阵然后构建新的矩阵，因此在下面的例子中，不会显示红色矩形，因为它在蓝色矩形下面： Yourbrowserdoesnotsup..

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

HTML canvas shadowBlur 属性

HTML canvas shadowBlur 属性 HTML canvas 参考手册 实例 绘制一个带有黑色阴影的红色矩形，模糊级数是 20： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d'..

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

HTML canvas shadowColor 属性

HTML canvas shadowColor 属性 HTML canvas 参考手册 实例 绘制一个带有黑色阴影的红色矩形： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} catc..

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

HTML canvas shadowOffsetX 属性

HTML canvas shadowOffsetX 属性 HTML canvas 参考手册 实例 绘制一个矩形，带有向右偏移 20 像素的阴影（从矩形的 left 位置）： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext..

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

HTML canvas shadowOffsetY 属性

HTML canvas shadowOffsetY 属性 HTML canvas 参考手册 实例 绘制一个矩形，带有向下偏移 20 像素的阴影（从矩形的 top 位置）： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext(..

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

HTML canvas stroke() 方法

HTML canvas stroke() 方法 HTML canvas 参考手册 实例 绘制一条路径，形状是红色的字母 L： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} cat..

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

HTML canvas strokeRect() 方法

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

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

HTML canvas strokeStyle 属性

HTML canvas strokeStyle 属性 HTML canvas 参考手册 实例 绘制一个矩形。请用红色的笔触颜色： YourbrowserdoesnotsupporttheHTML5canvastag. var c=document.getElementById('myCanvas'); var canvOK=1; try {c.getContext('2d');} ca..

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

HTML canvas strokeText() 方法

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