/*
* 功能:獲取圖像中指定點(diǎn)的顏色值
* @param Object obj 圖像對象(getImageData()和createImageData())
* @param Number x? 圖像中點(diǎn)的橫坐標(biāo)
* @param Number y? 圖像中點(diǎn)的縱坐標(biāo)\
* @return Array 返回指定像素點(diǎn)顏色組成的數(shù)組
*/
function getPixelColor(obj, x, y) {
var color = [];
// 索引值獲取方式:縱坐標(biāo)*圖像寬度+橫坐標(biāo)
var index = y * obj.width + x;
color.push(obj.data[index * 4 + 0]);
color.push(obj.data[index * 4 + 1]);
color.push(obj.data[index * 4 + 2]);
color.push(obj.data[index * 4 + 3]);
// 返回?cái)?shù)組
return color;
}
/*
* 功能:設(shè)置圖像中指定點(diǎn)的顏色值
* @param Object obj 圖像對象(getImageData()和createImageData())
* @param Number x? 圖像中點(diǎn)的橫坐標(biāo)
* @param Number y? 圖像中點(diǎn)的縱坐標(biāo)
* @param Array color 設(shè)置的顏色值(數(shù)組)
* @return Array 返回指定像素點(diǎn)顏色組成的數(shù)組
*/
function setPixelColor(obj, x, y, color) {
// 將(100,100)顏色為紅色
var index = y * obj.width + x;
// 設(shè)置代碼
obj.data[4 * index + 0] = color[0];
obj.data[4 * index + 1] = color[1];
obj.data[4 * index + 2] = color[2];
obj.data[4 * index + 3] = color[3];
}