Change color rgba Javascript

2019-09-18 07:02发布

问题:

Here is my JS code :

 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;
            }

I get a Uint8Array() RGBA of image, here is console.log of this :

Here is image with rgba array as a string in HTML:

Is that possible to manipulate this array, to ex. change colors? Thanks for help!