自学教程HTML canvas ImageData width 属性
输出 ImageData 对象的宽度： 实例 Run this code » alert("Width of imgData is: " + imgData.width); 浏览器支持 Internet Explorer 9、Firefox...
标签：HTML
第15页HTML canvas drawImage() 方法
要使用的图片： 向画布上面绘制图片： 您的浏览器不支持 HTML5 canvas 标签。 JavaScript： 实例： Run this code » var c=document.getElementById("myCanvas"); ...
HTML canvas measureText() 方法
在画布上输出文本之前，检查字体的宽度： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=document.getElement...
HTML canvas strokeText() 方法
使用 strokeText()，在画布上写文本 "Hello world!" 和 "Big smile!"（带渐变）： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 R...
HTML canvas fillText() 方法
使用 fillText()，在画布上写文本 "Hello world!" 和 "Big smile!"： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this...
HTML canvas textAlign 属性
在位置 150 创建一条红线。位置 150 是下面实例中定义的所有文本的锚点。请研究每种 textAlign 属性值的效果： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实...
HTML canvas font 属性
在画布上写一段 30 像素的文本，使用的字体是 "Arial"： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » var c=docume...
HTML canvas setTransform() 方法
绘制一个矩形，通过 setTransform() 重置并创建新的变换矩阵，再次绘制矩形，重置并创建新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 setTransform() 时，它都会重置前一个变换矩阵然后构建新的矩阵，因此在下面的例...
HTML canvas transform() 方法
绘制一个矩形，通过 transform() 添加一个新的变换矩阵，再次绘制矩形，添加一个新的变换矩阵，然后再次绘制矩形。请注意，每当您调用 transform() 时，它都会在前一个变换矩阵上构建： Yourbrowserdoesnotsu...
HTML canvas translate() 方法
在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）： YourbrowserdoesnotsupporttheHTML5canvasta...