html5如何更新图片颜色

这篇文章主要介绍HTML5如何更新图片颜色，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

    代码如下：

    <canvasid=“c1”width=“1220”height=“880”style=“background：无重复滚动0％0％透明；”></canvas><script>varcID=“c1”;varimage=newImage（）;image.src=“Eye/item_eye_1.png”;image.onload=function（）{recolorImage（cID，image，0，0，0，255，0，0）;}函数recolorImage（c，img，oldRed，oldGreen，oldBlue，newBlue，newRed，newGreen，newBlue）{varc=document.getElementById（c）;varctx=c.getContext（“2d”）;varw=img.width;varh=img.height;c.width=w;c.height=h;//在临时画布上绘制图像ctx.drawImage（img，0，0，w，h）;
 
    varimageData=ctx.getImageData（0，0，w，h）;//检查每个像素，//为（vari=0;i<imageData.data.length;i+=4）将任何旧的rgb更改为new-rgb{这个像素是旧的rgb吗？如果（imageData.data[i]==oldRed&&imageData.data[i+1]==oldGreen&&imageData.data[i+2]==oldBlue）{//更改为新的rgbimageData.data[i]=newRed;imageData.data[i+1]=newGreen;imageData.data[i+2]=newBlue;}}//把帆布上的改变的数据回ctx.putImageData（的imageData，0，0）;}</script>

以上是“html5如何更新图片颜色”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网html频道！