如何用JS提取一张图片里的某一种颜色

如题,比如我想要提取一张图片里的绿色,怎么用JavaScript提取出来。
这里是百度的canvas的一部分,后面的没看懂就没有贴上来。

var oCan = canvas.getContext('2d');
        var oImg= new Image;
        oImg.onload = function(){
            oCan.drawImage(oImg,0,0);
            var data = oCan.getImageData(0, 0,oImg.width,oImg.height).data;//读取整张图片的像素。
        };
        oImg.src = 'images/1.jpg'; //图片
已解决 悬赏分:20 - 解决时间 2021-11-11 06:36
反对 0举报 0 收藏 0

回答1

最佳
  • @

    getImageData().data 获取到的数组 每4个是一组 表示一个像素点 分别是 R G B A

    所以要获取所有的绿色

    let greenArr = getImageData().data.filter((item,index) => index % 4 === 1)

    支持 0 反对 0 举报
    2021-11-10 15:16