HTML5 canvas globalCompositeOperation 属性
2017-08-05 HTML 5 canvas globalCompositeOperation 属性 HTML5 Canvas 参考手册 实例 使用不同的 globalCompositeOperation 值绘制矩形。红色矩形是目标图像。蓝色矩形是源图像： source-over destination-over Your browser do
HTML5 canvas globalAlpha 属性
2017-08-05 HTML 5 canvas globalAlpha 属性 HTML5 Canvas 参考手册 实例 首先，绘制一个红色的矩形，然后将透明度 (globalAlpha) 设置为 0.2，然后再绘制一个绿色和一个蓝色的矩形： Your browser does not support t
HTML5 canvas putImageData() 方法
2017-08-05 HTML5 canvas putImageData() 方法 HTML5 Canvas 参考手册 实例 下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布： var c=document.getElementById(m
HTML5 canvas getImageData() 方法
2017-08-05 HTML5 canvas getImageData() 方法 HTML5 Canvas 参考手册 实例 下面的代码通过 getImageData() 复制画布上指定矩形的像素数据，然后通过 putImageData() 将图像数据放回画布： var c=document.getElementById(m
HTML5 canvas createImageData() 方法
2017-08-05 HTML5 canvas createImageData() 方法 HTML5 Canvas 参考手册 实例 创建 100*100 像素的 ImageData 对象，其中每个像素都是红色的，然后把它放到画布上： Your browser does not support the HTML5 canvas tag. JavaSc
HTML5 canvas data 属性
2017-08-05 HTML 5 canvas data 属性 HTML5 Canvas 参考手册 实例 创建 100*100 像素的 ImageData 对象，其中每个像素均被设置为红色：： Your browser does not support the canvas tag. JavaScript: var c=document.getElementById(myC
HTML5 canvas height 属性
2017-08-05 HTML 5 canvas height 属性 HTML5 Canvas 参考手册 实例 输出 ImageData 对象的高度： alert(Width of imgData is: + imgData.height ); 亲自试一试 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持
HTML5 canvas width 属性
2017-08-05 HTML 5 canvas width 属性 HTML5 Canvas 参考手册 实例 输出 ImageData 对象的宽度： alert(Width of imgData is: + imgData.width ); 亲自试一试 浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持
HTML5 canvas drawImage() 方法
2017-08-05 HTML5 canvas drawImage() 方法 HTML5 Canvas 参考手册 实例 要使用的图片： 向画布上面绘制图片： Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.getConte
HTML5 canvas measureText() 方法
2017-08-05 HTML5 canvas measureText() 方法 HTML5 Canvas 参考手册 实例 在画布上输出文本之前，检查字体的宽度： Your browser does not support the HTML5 canvas tag. JavaScript: var c=document.getElementById(myCanvas);var ctx=c.g
