基于canvas的图像混合物检测

当我们把一张图片放到canvas 中  如何检测 这样安检图是不是有混合物那，其实canvas 做的也很强大可以通过算法来检测，现在 我就来给大家讲解下。

混合物中，在安检机下，显示为绿色 这样 我们通过这个原理 筛选出绿色的像素点即可

ctx = canvas.getContext("2d") ctx.drawImage(imgs, 0, 0,width,height); pixels = ctx.getImageData(0,0,width,height);

for(var i=0,len = pixels.data.length ;i<len;i+=4){ if((pixels.data[i+1]>pixels.data[i])&&(pixels.data[i+1]>pixels.data[i+2])){ continue; }else{ var gray =parseInt( pixels.data[i]*0.3 + pixels.data[i+1] *0.59 + pixels.data[i+2]*0.11); pixels.data[i] = gray; pixels.data[i+1] = gray; pixels.data[i+2] = gray; } }

下面就是具体的算法了   因为像素点4个为一组  rgba  所以去前三个点计算  rgb      g>r&&g>b 的像素点保留  其他的像素点 都通过灰度算法 让他变灰 。

下面展示效果