自学教程HTML canvas globalAlpha 属性
首先，绘制一个红色的矩形，然后将透明度 (globalAlpha) 设置为 0.5，然后再绘制一个蓝色和一个绿色的矩形： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 ...
HTML5 canvas 参考手册
HTML canvas putImageData() 方法
下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布： 实例 Run this code » var c=document.getElementById("m...
HTML canvas ImageData data 属性
创建 100*100 像素的 ImageData 对象，其中每个像素均被设置为红色： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this code » va...
HTML canvas ImageData height 属性
输出 ImageData 对象的高度： 实例 Run this code » alert("Height of imgData is: " + imgData.height); 浏览器支持 Internet Explorer 9、Firef...
HTML canvas createImageData() 方法
创建 100*100 像素的 ImageData 对象，其中每个像素都是红色的，然后把它放到画布上： YourbrowserdoesnotsupporttheHTML5canvastag. JavaScript： 实例 Run this c...
HTML canvas ImageData width 属性
输出 ImageData 对象的宽度： 实例 Run this code » alert("Width of imgData is: " + imgData.width); 浏览器支持 Internet Explorer 9、Firefox...
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...