Изменить массив RGBA Javascript

Вот моя функция 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);

    var c = new Color(r, g, b, a);
    console.log(c);
    function changeColor(x, y, c) {
        rgba[(x * 4) + (y * (w * 4))] = c.r;
        rgba[(x * 4) + (y * (w * 4)) + 1] = c.g;
        rgba[(x * 4) + (y * (w * 4)) + 2] = c.b;
        rgba[(x * 4) + (y * (w * 4)) + 3] = c.a;

        console.log("Change :");
    }

    changeColor();

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

Я получаю Uint8Array() RGBA изображения, вот console.log этого:

Вот изображение с массивом rgba в виде строки в HTML:

Я пытаюсь изменить rgba изображения с помощью функции changeColor(). Я получаю в console.log ошибку = «Цвет не определен». Спасибо за помощь!