国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

2019.1.21 canvas學習小計

OnlyLing / 1092人閱讀

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)

。。。。
灰度算法

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53603.html

相關文章

  • 2019.1.21 canvas學習小計

    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...

    MangoGoing 評論0 收藏0
  • 2019.1.21 canvas學習小計

    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...

    biaoxiaoduan 評論0 收藏0
  • 12.16前端無障礙學習小計

    摘要:屏幕閱讀器的兩種方式讀角色名輕松識別的聲音一般,如果配置正確,屏幕閱讀器一般會有,,,控件的文字綁定放入標簽或標簽加入目標綁定目標交互控件的屬性是圖片的替代文本將圖片不需要的代替文本設置為空,將會從無障礙樹移除,從而跳過在合適的情況下,應該 屏幕閱讀器的兩種方式:1.讀角色名;2.輕松識別的聲音 一般,如果配置正確,屏幕閱讀器一般會有Role,Name(lable),State,Val...

    Kerr1Gan 評論0 收藏0
  • 2018.12.24 無障礙學習小計

    摘要:在中的規范,包括關于角色可以使用哪些元素和不使用哪些元素的指導英不啟用將網頁某個部分標記為,以便及時向用戶顯示更新內容,而不是用戶瀏覽這部分網站時更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術對不同更改的響應不同,如果輔助技術不 ARIA 在 HTML 中的規范,包括關于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導 https://www.w3....

    Fundebug 評論0 收藏0
  • 2018.12.23 無障礙學習小計

    摘要:指示元素展開或者折疊從無障礙樹移除元素及其子項,和引用的元素除外將一些元素隱藏,可做如下的設置,也可以將為屏幕閱讀器用戶呈現的內容放在屏幕之外,引用隱藏的元素,添加對輔助技術用戶隱藏,隱藏的元素將不會出現在樹元素作當前元素的子 aria-expanded:指示元素展開或者折疊 aria-hidden:從無障礙樹移除元素及其子項,aria-labeledby和aria-described...

    Anleb 評論0 收藏0

發表評論

0條評論

OnlyLing

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<