資訊專(zhuān)欄INFORMATION COLUMN
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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/117274.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ì)從無(wú)障礙樹(shù)移除，從而跳過(guò)在合適的情況下，應(yīng)該 屏幕閱讀器的兩種方式：1.讀角色名；2.輕松識(shí)別的聲音 一般，如果配置正確，屏幕閱讀器一般會(huì)有Role，Name（lable），State，Val...
摘要：在中的規(guī)范，包括關(guān)于角色可以使用哪些元素和不使用哪些元素的指導(dǎo)英不啟用將網(wǎng)頁(yè)某個(gè)部分標(biāo)記為，以便及時(shí)向用戶顯示更新內(nèi)容，而不是用戶瀏覽這部分網(wǎng)站時(shí)更新可能位于初始頁(yè)面加載中不同的屏幕閱讀器和輔助技術(shù)對(duì)不同更改的響應(yīng)不同，如果輔助技術(shù)不 ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3....
摘要：指示元素展開(kāi)或者折疊從無(wú)障礙樹(shù)移除元素及其子項(xiàng)，和引用的元素除外將一些元素隱藏，可做如下的設(shè)置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，引用隱藏的元素，添加對(duì)輔助技術(shù)用戶隱藏，隱藏的元素將不會(huì)出現(xiàn)在樹(shù)元素作當(dāng)前元素的子 aria-expanded：指示元素展開(kāi)或者折疊 aria-hidden：從無(wú)障礙樹(shù)移除元素及其子項(xiàng)，aria-labeledby和aria-described...
閱讀 550·2021-11-25 09:44
閱讀 2636·2021-11-24 09:39
閱讀 2305·2021-11-22 15:29
閱讀 3520·2021-11-15 11:37
閱讀 3379·2021-09-24 10:36
閱讀 2507·2021-09-04 16:41
閱讀 992·2021-09-03 10:28
閱讀 1832·2019-08-30 15:55
