canvas - 通常の JavaScript 配列から ImageData 配列を構築する

Question

rgba シーケンス配列を作成する一連の関数があり、このデータをキャンバス オブジェクトに適用する予定です。rgba (すでに 0 ～ 255 の値) を、.putImageData を使用できる適切な imageData オブジェクトに変換する方法がわかりません。

var new_canvas = document.createElement('canvas');
var mc_ctx = new_canvas.getContext('2d');
new_canvas.width = 50;
new_canvas.height = 50;
var mc_imageData = mc_ctx.getImageData(0,0, 50, 50);
var mc_px_data = mc_imageData.data;

for ( var i = 0; i <= rgba_array.length; i++ ) {
    mc_px_data[i] = rgba_array[i];
}

mc_ctx.putImageData(mc_imageData, 0, 0);

rgba_array 値の出力が値の適切なストリームを示していても、私が得るのは白だけです。