图片颜色更新示例代码

本文介绍了HTML5实现对图像颜色的更新，喜欢的朋友可以练习。





复制代码代码如下所示：


var；
新图像（）；
image.src =眼睛/ item_eye_1。png；
image.onload =函数（）{
recolorimage（CID，图像，0, 0, 0，255, 0, 0）；
}
功能recolorimage（C，IMG，奥德雷德，oldgreen，oldblue，纽瑞德，绿色，新蓝）{
var c = document.getelementbyid（C）；
VaR CTX = c.getcontext（2D）；
无功W = img.width；
var H = img.height；
c.width = W；
c.height = H；
在临时画布上绘制图像。
Ctx.drawImage（IMG，0, 0，W，H）；
将整个图像拖入像素数据的数组中。
VaR数据= ctx.getimagedata（0, 0，W，H）；
每个像素检查，
将任何旧的RGB更改为新的RGB
对于（var i = 0；i < imagedata.data.length；i = 4）{
这个像素是旧的
如果（数据。数据{我} = =奥德雷德数据。数据{ 1 }我+数据。数据{我+ oldgreen = 2 } = = oldblue）{
到新的RGB / /更改
数据。数据{我} =纽瑞德；
数据。数据{ 1 } =我+绿色；
数据。数据{我+ 2 } =新蓝；
}
}
将修改过的数据放回到画布上
ctx.putimagedata（影像数据，0, 0）；
}