登录

canvas 创建新的像素数据createImageData(),像素操作

我来纠错
//实例1,把 ImageData 对象中的第一个像素变为红色:
var imgData=ctx.createImageData(100,100);
imgData.data[0]=255;
imgData.data[1]=0;
imgData.data[2]=0;
imgData.data[3]=255;

//实例2,把 ImageData 对象中的第二个像素变为红色:
var imgData=ctx.createImageData(100,100);
imgData.data[4]=0;
imgData.data[5]=255;
imgData.data[6]=0;
imgData.data[7]=255;

createImageData() 方法创建新的空白 ImageData 对象。新对象的默认像素值 transparent black。
对于 ImageData 对象中的每个像素,都存在着四方面的信息,即 RGBA 值:
R - 红色 (0-255)
G - 绿色 (0-255)
B - 蓝色 (0-255)
A - alpha 通道 (0-255; 0 是透明的,255 是完全可见的)
因此 ,transparent black 表示 (0,0,0,0)。

//JavaScript 语法
有两个版本的 createImageData() 方法:
var imgData=context.createImageData(width,height); //指定的尺寸
var imgData=context.createImageData(imageData);  //用其他ImageData的尺寸,不会复制像素数据

参数值
参数	描述
width	ImageData 对象的宽度,以像素计。
height	ImageData 对象的高度,以像素计。
imageData	另一个 ImageData 对象。
发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。