這篇文章給大家介紹html5中怎么更新圖片顏色，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)公司成立與2013年，先為龍文等服務建站，龍文等地企業(yè)，進行企業(yè)商務咨詢服務。為龍文企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

<canvas id="c1" width="1220" height = "880" ></canvas> 
<script> 
var cID = "c1"; 
var image = new Image(); 
image.src = "Eye/item_eye_1.png"; 
image.onload = function () { 
recolorImage(cID,image, 0, 0, 0, 255, 0, 0); 
} 
function recolorImage(c,img, oldRed, oldGreen, oldBlue, newRed, newGreen, newBlue) { 
var c = document.getElementById(c); 
var ctx = c.getContext("2d"); 
var w = img.width; 
var h = img.height; 
c.width = w; 
c.height = h; 
// draw the image on the temporary canvas 
ctx.drawImage(img, 0, 0, w, h); 
// pull the entire image into an array of pixel data 
var imageData = ctx.getImageData(0, 0, w, h); 
// examine every pixel, 
// change any old rgb to the new-rgb 
for (var i = 0; i < imageData.data.length; i += 4) { 
// is this pixel the old rgb? 
if (imageData.data[i] == oldRed && imageData.data[i + 1] == oldGreen && imageData.data[i + 2] == oldBlue) { 
// change to your new rgb 
imageData.data[i] = newRed; 
imageData.data[i + 1] = newGreen; 
imageData.data[i + 2] = newBlue; 
} 
} 
// put the altered data back on the canvas 
ctx.putImageData(imageData, 0, 0); 
} 
</script>

關于html5中怎么更新圖片顏色就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網頁題目：html5中怎么更新圖片顏色-創(chuàng)新互聯(lián)
網頁路徑：http://vcdvsql.cn/article10/cdgcgo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站改版、全網營銷推廣、品牌網站設計、虛擬主機、做網站、云服務器

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)