Canvas 像素处理之改变透明度

一 定义和用法
getImageData()方法返回 ImageData 对象,该对象拷贝了画布指定矩形的像素数据。
注意:ImageData对象不是图像,它规定了画布上一个部分(矩形),并保存了该矩形内每个像素的信息。
对于ImageData对象中的每个像素,都存在着四方面的信息,即RGBA值:
R - 红色(0-255)
G - 绿色(0-255)
B - 蓝色(0-255)
A - alpha 通道(0-255; 0 是透明的,255 是完全可见的)
color/alpha 信息以数组形式存在,并存储于 ImageData 对象的 data 属性中。
提示:在操作完成数组中的 color/alpha 信息之后,您可以使用 putImageData() 方法将图像数据拷贝回画布上。
 
二 代码



	
	
	 改变透明度 


改变透明度

 
三 运行结果
Canvas 像素处理之改变透明度_第1张图片
 
  • Canvas 像素处理之改变透明度_第2张图片
  • 大小: 14.5 KB
  • 查看图片附件

你可能感兴趣的:(HTML5)