這篇文章主要介紹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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
