刚在网上看到一个最简单的方案,就是:-webkit-filter:grayscale(0.94);在html根节点添加这行代码,以兼容html.gray{-webkit-filter:grayscale(0.94);}属性:html{-webkit-filter:grayscale(100%);-moz-filter:灰度(100%);-ms-filter:灰度(100%);-o-滤镜:灰度(100%);滤镜:灰度(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}如果还有浏览器不兼容,只能搬出JSvarimgObj=document.getElementById('imgToGray');函数灰色(imgObj){varcanvas=document.createElement('canvas');varcanvasContext=canvas.getContext('2d');varimgW=imgObj.width;varimgH=imgObj.height;W.sgwid;画布高度=imgH;canvasContext.drawImage(imgObj,0,0);varimgPixels=canvasContext.getImageData(0,0,imgW,imgH);for(vary=0;y
