当我们把一张图片放到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 的像素点保留 其他的像素点 都通过灰度算法 让他变灰 。
下面展示效果