国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí)

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:06:31
文檔

Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí)

Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí):前言 上一篇文章,我們講解了圖像處理中的卷積操作和平滑(也就是模糊)處理,這篇文章我們進(jìn)行亮度和對(duì)比度的變化。 其實(shí),亮度是啥玩意? 亮度就是比較亮眼咯…… 實(shí)際上對(duì)于RGBA顏色空間,變亮其實(shí)就等于R、G、B三個(gè)通道同時(shí)加大,那么變暗就等于同時(shí)減小
推薦度:
導(dǎo)讀Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí):前言 上一篇文章,我們講解了圖像處理中的卷積操作和平滑(也就是模糊)處理,這篇文章我們進(jìn)行亮度和對(duì)比度的變化。 其實(shí),亮度是啥玩意? 亮度就是比較亮眼咯…… 實(shí)際上對(duì)于RGBA顏色空間,變亮其實(shí)就等于R、G、B三個(gè)通道同時(shí)加大,那么變暗就等于同時(shí)減小

前言

上一篇文章,我們講解了圖像處理中的卷積操作和平滑(也就是模糊)處理,這篇文章我們進(jìn)行亮度和對(duì)比度的變化。

其實(shí),亮度是啥玩意?

亮度就是比較亮眼咯……

實(shí)際上對(duì)于RGBA顏色空間,變亮其實(shí)就等于R、G、B三個(gè)通道同時(shí)加大,那么變暗就等于同時(shí)減小咯。

這比較好理解,因?yàn)樽畎档暮谏荝GB(0,0,0),而最亮的白色是RGB(255,255,255)。所以變亮應(yīng)該RGB各通道都要增大。

那么,對(duì)比度呢?

對(duì)比度,其實(shí)就是顏色差啦。

那么對(duì)于RGBA顏色空間,對(duì)比度變大其實(shí)就等于R、G、B三個(gè)通道同時(shí)乘以一個(gè)比例,因?yàn)檫@樣相近的顏色之間的差距就變大了,那么減小就是同時(shí)除以咯。

舉個(gè)例子,原來RGB(23,44,55)和RGB(33,44,55)相差只有10,但是一起乘以2以后,就變成了RGB(46,88,110)和RGB(66,88,110)

,相差變成了20了,也就是“顏色差”變大了。

線性模型

newRGB = Contrast * RGB + Brightness

線性模型滿足上述公式,其中 Contrast表示對(duì)比度系數(shù),Brightness表示亮度系數(shù)。

線性模型實(shí)現(xiàn)比較簡單,但是很容易就調(diào)出全白或者全黑的圖片,對(duì)于普通用戶來說ContrastBrightness選多少比較好也比較難確定。

所以,實(shí)際上在Photoshop里面使用的并不是線性模型,而是非線性模型。

非線性模型

非線性模型中對(duì)比度增大和閾值Threshold有關(guān):

當(dāng)Contrast >= 0時(shí):

newRGB = RGB + (RGB - Threshold) * (1 / (1 - Contrast / 255) - 1)

當(dāng)Contrast < 0時(shí):

newRGB = RGB + (RGB - Threshold) * Contrast / 255

那么當(dāng)對(duì)比度和亮度同時(shí)調(diào)整時(shí)候呢?

如果對(duì)比度大于0,先調(diào)整亮度,再調(diào)整對(duì)比度;當(dāng)對(duì)比度小于0時(shí),則相反,先調(diào)整對(duì)比度,再調(diào)整亮度。

最后一個(gè)問題,閾值Threshold到底是什么,其實(shí)這個(gè)是圖片的灰度平均值。

實(shí)現(xiàn)代碼
代碼如下:
var brightnessContrast = function(__src, __brightness, __contrast){
__src || error(arguments.callee, IS_UNDEFINED_OR_NULL/* {line} */);
if(__src.type === "CV_RGBA"){
var sData = __src.data,
width = __src.col,
height = __src.row,
dst = new Mat(height, width, CV_RGBA),
dData = dst.data,
brightness = Math.max(-255, Math.min(255, __brightness || 0)),
contrast = Math.max(-255, Math.min(255, __contrast || 0));

var gray = cvtColor(__src, CV_RGBA2GRAY),
allValue = 0,
gData = gray.data;
var y, x, c;

for(y = height; y--;){
for(x = width; x--;){
allValue += gData[y * width + x];
}
}

var r, g, b, offset, gAverage = (allValue / (height * width)) | 0;

for(y = height; y--;){
for(x = width; x--;){
offset = (y * width + x) * 4;
dData[offset] = sData[offset] + brightness;
dData[offset + 1] = sData[offset + 1] + brightness;
dData[offset + 2] = sData[offset + 2] + brightness;

if(contrast >= 0){
for(c = 3; c--;){
if(dData[offset + c] >= gAverage){
dData[offset + c] = dData[offset + c] + (255 - gAverage) * contrast / 255;
}else{
dData[offset + c] = dData[offset + c] - (gAverage * contrast / 255);
}
}
}else{
dData[offset] = dData[offset] + (dData[offset] - gAverage) * contrast / 255;
dData[offset + 1] = dData[offset + 1] + (dData[offset + 1] - gAverage) * contrast / 255;
dData[offset + 2] = dData[offset + 2] + (dData[offset + 2] - gAverage) * contrast / 255;
}

dData[offset + 3] = 255;
}
}
}else{
error(arguments.callee, UNSPPORT_DATA_TYPE/* {line} */);
}
return dst;
};

效果

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí)

Javascript圖像處理—亮度對(duì)比度應(yīng)用案例_基礎(chǔ)知識(shí):前言 上一篇文章,我們講解了圖像處理中的卷積操作和平滑(也就是模糊)處理,這篇文章我們進(jìn)行亮度和對(duì)比度的變化。 其實(shí),亮度是啥玩意? 亮度就是比較亮眼咯…… 實(shí)際上對(duì)于RGBA顏色空間,變亮其實(shí)就等于R、G、B三個(gè)通道同時(shí)加大,那么變暗就等于同時(shí)減小
推薦度:
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 91综合| 国产一区二区久久精品 | 精品久久久久中文字幕日本 | 亚洲国产精品婷婷久久 | 国产在线观看精品 | 国产最新网址 | 久久国产综合精品欧美 | 日韩一区二区三区在线播放 | 国产a久久精品一区二区三区 | 国内精品视频 | 久久精品免费看 | 欧美日在线观看 | 国产亚洲一区二区三区在线 | 亚洲欧美在线观看一区二区 | 自拍 欧美 在线 综合 另类 | 黄色视频毛片 | 国产成a人片在线观看视频下载 | 亚洲一区二区三区中文字幕 | 国产456| 久热中文字幕在线精品首页 | 国产视频不卡 | 天码毛片一区二区三区入口 | 一边摸一边爽一边叫床免费视频 | 大陆日韩欧美 | 亚洲免费久久 | 国产精品视频一区二区三区经 | 91精品久久久久 | 国产精品亚洲精品日韩动图 | 精品欧美一区二区三区免费观看 | 久久成人国产精品一区二区 | 久热精品视频 | 精品国产96亚洲一区二区三区 | 国产欧美曰韩一区二区三区 | 国产精品久久久久9999 | 欧美成人视屏 | 久久久久久亚洲精品中文字幕 | 国产日韩欧美精品一区二区三区 | 夜夜操综合 | 亚洲第一页色 | 成人国产精品免费网站 | 一区二区三区四区电影 |