这段代码中的两个date 有什么区别

Question

                data = imageData.data;                for (i=0, len=data.length; i < len; i+=4){                                    red = data[i];                    green = data[i+1];                    blue = data[i+2];                    alpha = data[i+3];                                        //get the average of rgb                    average = Math.floor((red + green + blue) / 3);                                        //set the colors, leave alpha alone                    data[i] = average;                    data[i+1] = average;                    data[i+2] = average;                                    }                                //assign back to image data and display                imageData.data = data; // 这里的date 从哪里取得

Answer 1

imageData.data = data; // 这里的date 从哪里取得

后一个data是 第一句data = imageData.data;里的第一个data。为了让你看清。我把代码修改一下

imageData = imageData.data;

                for (i=0, len=imageData.length; i < len; i+=4){

                

                    red = imageData[i];

                    green = imageData[i+1];

                    blue = imageData[i+2];

                    alpha = imageData[i+3];

                    

                    //get the average of rgb

                    average = Math.floor((red + green + blue) / 3);

                    

                    //set the colors, leave alpha alone

                    imageData[i] = average;

                    imageData[i+1] = average;

                    imageData[i+2] = average;

                    

                }

                

                //assign back to image data and display

                imageData.data = imageData; // 这里的date 从哪里取得

你对比一下就知道了

这个程序实现的是将所画图像的颜色置为白色（ average = Math.floor((red + green + blue) / 3)）