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

Question

如题，比如我想要提取一张图片里的绿色，怎么用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'; //图片

Answer 1

getImageData().data 获取到的数组 每4个是一组 表示一个像素点 分别是 R G B A所以要获取所有的绿色let greenArr = getImageData().data.filter((item,index) => index % 4 === 1)