改变颜色rgba Javascript

时间:2017-12-10 09:27:44

标签: javascript canvas rgba uint8array

这是我的JS代码:

 UTIF._imgLoaded = function(e)
            {
                var page = UTIF.decode(e.target.response)[0], rgba = UTIF.toRGBA8(page), w=page.width, h=page.height;


                var string = rgba.join();
                console.log("rgba : ", rgba);

                var ind = UTIF._xhrs.indexOf(e.target), img = UTIF._imgs[ind];
                UTIF._xhrs.splice(ind,1);  UTIF._imgs.splice(ind,1);
                var cnv = document.createElement("canvas");  cnv.width=w;  cnv.height=h;
                var ctx = cnv.getContext("2d"), imgd = ctx.createImageData(w,h);
                for(var i=0; i<rgba.length; i++) imgd.data[i]=rgba[i];       ctx.putImageData(imgd,0,0);
                var attr = ["style","class","id"];
                for(var i=0; i<attr.length; i++) cnv.setAttribute(attr[i], img.getAttribute(attr[i]));
                img.parentNode.replaceChild(cnv,img);

                document.getElementById("myText").innerHTML = string;
            }

我得到了一个Uint8Array()RGBA图像,这里是console.log: enter image description here

以下是将rgba数组作为HTML中的字符串的图像:

enter image description here

是否可以操纵此数组,例如。改变颜色?谢谢你的帮助!

0 个答案:

没有答案