canvas中獲取和設(shè)置指定點的rgb

/*

* 功能:獲取圖像中指定點的顏色值

* @param Object obj 圖像對象(getImageData()和createImageData())

* @param Number x? 圖像中點的橫坐標(biāo)

* @param Number y? 圖像中點的縱坐標(biāo)\

* @return Array 返回指定像素點顏色組成的數(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]);

// 返回數(shù)組

return color;

}

/*

* 功能:設(shè)置圖像中指定點的顏色值

* @param Object obj 圖像對象(getImageData()和createImageData())

* @param Number x? 圖像中點的橫坐標(biāo)

* @param Number y? 圖像中點的縱坐標(biāo)

* @param Array color 設(shè)置的顏色值(數(shù)組)

* @return Array 返回指定像素點顏色組成的數(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];

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容