var c = document.querySelector("#drawing"); var ctx = c.getContext("2d"); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = "images/palette.jpg"; var makePixelGrayScale = function (r, g, b, a) { var y = (0.3 * r) + (0.59 * g) + (0.11 * b); return {r:y, g:y, b:y, a:y}; } //灰度算法 function makeGrayScale() { var r, g, b, a; var imageData = ctx.getImageData(0, 0, 300, 300); var numPixels = imageData.data.length/4; for (var i = 0; i < numPixels; i++) { r = imageData.data[i * 4 + 0]; g = imageData.data[i * 4 + 1]; b = imageData.data[i * 4 + 2]; a = imageData.data[i * 4 + 3]; pixel = makePixelGrayScale(r, g, b, a); imageData.data[i * 4 + 0] = pixel.r; imageData.data[i * 4 + 1] = pixel.g; imageData.data[i * 4 + 2] = pixel.b; imageData.data[i * 4 + 3] = pixel.a; } ctx.putImageDate(imageData,0 , 0); }
灰度算法1.平均
For Each Pixel in Image { Red = Pixel.Red Green = Pixel.Green Blue = Pixel.Blue Gray = (Red + Green + Blue) / 3 Pixel.Red = Gray Pixel.Green = Gray Pixel.Blue = Gray }
2.亮度
Gray = (Red * 0.3 + Green * 0.59 + Blue * 0.11)
3.去飽和
Gray = ( Max(Red, Green, Blue) + Min(Red, Green, Blue) ) / 2
4.分解
最大分解: Gray = Max(Red, Green, Blue) 最小分解: Gray = Min(Red, Green, Blue)
。。。。
灰度算法
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/101280.html
var c = document.querySelector(#drawing); var ctx = c.getContext(2d); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = images/palette.jpg; var makePixe...
var c = document.querySelector(#drawing); var ctx = c.getContext(2d); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = images/palette.jpg; var makePixe...
摘要:屏幕閱讀器的兩種方式讀角色名輕松識(shí)別的聲音一般,如果配置正確,屏幕閱讀器一般會(huì)有,,,控件的文字綁定放入標(biāo)簽或標(biāo)簽加入目標(biāo)綁定目標(biāo)交互控件的屬性是圖片的替代文本將圖片不需要的代替文本設(shè)置為空,將會(huì)從無障礙樹移除,從而跳過在合適的情況下,應(yīng)該 屏幕閱讀器的兩種方式:1.讀角色名;2.輕松識(shí)別的聲音 一般,如果配置正確,屏幕閱讀器一般會(huì)有Role,Name(lable),State,Val...
摘要:在中的規(guī)范,包括關(guān)于角色可以使用哪些元素和不使用哪些元素的指導(dǎo)英不啟用將網(wǎng)頁某個(gè)部分標(biāo)記為,以便及時(shí)向用戶顯示更新內(nèi)容,而不是用戶瀏覽這部分網(wǎng)站時(shí)更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術(shù)對不同更改的響應(yīng)不同,如果輔助技術(shù)不 ARIA 在 HTML 中的規(guī)范,包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3....
摘要:指示元素展開或者折疊從無障礙樹移除元素及其子項(xiàng),和引用的元素除外將一些元素隱藏,可做如下的設(shè)置,也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外,引用隱藏的元素,添加對輔助技術(shù)用戶隱藏,隱藏的元素將不會(huì)出現(xiàn)在樹元素作當(dāng)前元素的子 aria-expanded:指示元素展開或者折疊 aria-hidden:從無障礙樹移除元素及其子項(xiàng),aria-labeledby和aria-described...
閱讀 3483·2021-11-18 10:02
閱讀 1612·2021-10-12 10:12
閱讀 2990·2021-10-09 09:53
閱讀 4858·2021-09-09 09:34
閱讀 847·2021-09-06 15:02
閱讀 2777·2021-08-05 10:02
閱讀 3134·2019-08-30 15:44
閱讀 3121·2019-08-28 18:04