这篇文章主要介绍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如何更新图片颜色”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
