html5 更新图片颜色示例代码

代码如下:
5 E. F' l2 [% G+ m( w0 f4 S<canvas id=c1 width=1220 height = 880 style=background: none repeat scroll 0% 0% transparent; ></canvas>
<script>
var cid = c1;
, J6 Q  Q6 t" A+ h$ P0 wvar image = new image();
image.src = eye/item_eye_1.png;
' d0 _* _) z  ~# u: X7 Aimage.onload = function () {
recolorimage(cid,image, 0, 0, 0, 255, 0, 0);
}
! f" O6 Q- J. U* z9 [5 Zfunction recolorimage(c,img, oldred, oldgreen, oldblue, newred, newgreen, newblue) {
% `5 l( W! ~* }# K; {5 O. k4 A2 yvar c = document.getelementbyid(c);
; W; m( ?) E/ Nvar ctx = c.getcontext(2d);
( S1 o' e$ ~" vvar w = img.width;
/ z$ h+ |( Q3 h- Vvar h = img.height;
c.width = w;
. d# f( g; @- n$ ^, K% e" x/ y% zc.height = h;
// draw the image on the temporary canvas
ctx.drawimage(img, 0, 0, w, h);
/ v% J8 ~& }4 A// pull the entire image into an array of pixel data
" v; t* Q1 ?- \9 {- [* y# Mvar imagedata = ctx.getimagedata(0, 0, w, h);
// examine every pixel,
! [4 s0 m+ [% [# n5 g3 s// change any old rgb to the new-rgb
; \/ v# E' ?0 F8 ^. e4 Bfor (var i = 0; i < imagedata.data.length; i += 4) {
, r' q9 _: {4 V% z) i- B// is this pixel the old rgb?
7 K# h3 v& p* p: I& Nif (imagedata.data == oldred && imagedata.data[i + 1] == oldgreen && imagedata.data[i + 2] == oldblue) {
// change to your new rgb
# d" l, J! Q! V% Bimagedata.data = newred;
$ I3 O4 V0 g- M+ rimagedata.data[i + 1] = newgreen;
imagedata.data[i + 2] = newblue;
- {; N, o, F( m}
}
$ V; o4 `0 j& h8 ]// put the altered data back on the canvas
5 N0 P1 H$ Z, g5 w5 F  ]ctx.putimagedata(imagedata, 0, 0);
3 t$ R% P! N; I3 \5 p3 q}
% F) O8 d8 t. F) E+ m</script>
4 N) s6 |  G- k
7 r! e/ V6 A+ a* w1 b& V& W$ ?( Q: K8 ^更多网页制作信息请查看： 网页制作

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

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

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

现在做什么网站好？

现在做什么网站好？

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

哈哈~` 好久没有笑喽~

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

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