在Canvas元素中渲染太多图像

Question

我正在使用HTML5 canvas元素将字节呈现为图像，并且存在TOO MANY图像渲染问题。

这些字节未编码为图像（PNG，JPEG）。它们只是字节数。

我可以使用我拥有的代码进行图像渲染，但是它可以宽度渲染4个图像并且不会填充整个画布。

这是我的JS代码（res是传递的字节）：

var canvas = document.getElementById('myCanvas');
canvas.width = 940;
canvas.height = 470;
var ctx = canvas.getContext('2d');

var imageData = ctx.createImageData(940,470);
var data = imageData.data;

for(var i = 0; i < res.length; i+= 4){
  data[i] = res[i];
data[i + 1] = res [i + 1];
data[i + 2] = res [i + 2];
data[i + 3] = res [i + 3];
}

ctx.putImageData(imageData, 0, 0);

HTML canvas元素：

<canvas id='myCanvas' width='940' height='470'></canvas>