html5 更新图片颜色示例代码

代码如下:
# \, I; k% _( m, J* i( h<canvas id=c1 width=1220 height = 880 style=background: none repeat scroll 0% 0% transparent; ></canvas>
$ Y- {! j4 C( f* A5 V( w<script>
var cid = c1;
- {& L+ H2 Q0 F) v4 pvar image = new image();
image.src = eye/item_eye_1.png;
image.onload = function () {
; x7 R6 p: M5 K4 I) Y& Arecolorimage(cid,image, 0, 0, 0, 255, 0, 0);
}
function recolorimage(c,img, oldred, oldgreen, oldblue, newred, newgreen, newblue) {
3 Q) q7 P7 k- L" u# O( s. Uvar c = document.getelementbyid(c);
var ctx = c.getcontext(2d);
' Z% a5 S3 R# Z5 nvar w = img.width;
var h = img.height;
2 _) A) n6 Q: Vc.width = w;
c.height = h;
// draw the image on the temporary canvas
" n0 @1 F5 H. |8 |( ictx.drawimage(img, 0, 0, w, h);
// pull the entire image into an array of pixel data
3 `) [2 h" a/ a, f/ N; M8 Cvar imagedata = ctx.getimagedata(0, 0, w, h);
// examine every pixel,
* c* X" k9 \* R6 f' W$ f! L. S// change any old rgb to the new-rgb
0 f; Q3 b* I% r5 ufor (var i = 0; i < imagedata.data.length; i += 4) {
, u% y) N+ ?3 `// is this pixel the old rgb?
if (imagedata.data == oldred && imagedata.data[i + 1] == oldgreen && imagedata.data[i + 2] == oldblue) {
, x5 F# @  q9 C// change to your new rgb
0 m/ I' m* v8 Y: t0 y. P7 `imagedata.data = newred;
imagedata.data[i + 1] = newgreen;
imagedata.data[i + 2] = newblue;
. E. t6 E0 v* V+ S1 n}
1 T- c0 T7 p+ |5 Q( X4 o3 [- T- Y}
; ]6 u; g7 y: g  m, @- k4 I// put the altered data back on the canvas
" v* g& p, {8 v: K8 _- a* x( Qctx.putimagedata(imagedata, 0, 0);
6 ~7 C) R* F4 Q* x9 \3 |* O% _' F}
/ S% e& D' |( c; [</script>

更多网页制作信息请查看： 网页制作

看起来好~~像啊~~~~~

你这样的表现，就只配这几个字：窝囊废

呵呵 放心 如我算错 你以后来砸我的帖子 呵呵

现在做什么网站好？

现在做什么网站好？

您知道这个论坛的站长是谁吗？偷偷的告诉你他叫叶学得  好厉害的样子

哈哈~` 好久没有笑喽~

因删贴不及时所产生的任何法律（书法，基本法，劳动法，婚姻法，输入法，国际法，今日说法，与台湾关系法及文中涉及或可能涉及以及未及之法，各地治安管理条例）纠纷或责任本人概不负责。

本人在此留言均为网络上复制，用于检验本人电脑键盘录入、屏幕显示的机械、光电性能。并不代表本人局部或全部同意、支持或者反对楼主观点。