html5如何更新圖片顏色

這篇文章主要介紹html5如何更新圖片顏色，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

    代碼如下：

    <canvasid=“c1”width=“1220”height=“880”style=“background：無(wú)重復(fù)滾動(dòng)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）;}函數(shù)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;//在臨時(shí)畫(huà)布上繪制圖像ctx.drawImage（img，0，0，w，h）;
 
    varimageData=ctx.getImageData（0，0，w，h）;//檢查每個(gè)像素，//為（vari=0;i<imageData.data.length;i+=4）將任何舊的rgb更改為new-rgb{這個(gè)像素是舊的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;}}//把帆布上的改變的數(shù)據(jù)回ctx.putImageData（的imageData，0，0）;}</script>

以上是“html5如何更新圖片顏色”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！