如何在Canvas中画一个raw图像，不是jpg或者png图片。

Question

我在学习HTML5中的canvas，想用canvas画一个raw的图像出来。不是现成的jpg或者png图片。而是完全rgb的原始图像数据，放在数组里面。
ctx.drawImage(img, x, y, width, height);
貌似只能把现有的.jpg或者.png图像文件绘制出来。
对web编程不太熟悉，请高手指点指点。谢谢！

Answer 1

换句话说，能否在javascript中通过代码动态生成一个Image对象？

Answer 2

可以，canvas有许多method可以画图的，比如beginPath()，fillRect()，fillText()
canvas api介绍：http://www.w3school.com.cn/html5/html_5_canvas.asp

Answer 3

画图的api我都知道。我想知道，如果我已经在其他地方（比如服务器端）画好了一个图（不是一个文件，而是RGB的像素矩阵），如何直接用drawImage类似的方法显示出来。我google到了一个好像可行的方法. data URI。正在试。

Answer 4

啥函数，我看了所有的API，没有。

Answer 5

我查了一下，目前我是通过先把RGB数据装换为JPG，再用data URI的base64方式用文本来传输并显示在canvas中的。可以工作。
不过，不知道如何把一个二进制的图像数据（原始RGB, GIF或者JPG）显示在canvas或者放在Image对象中。有人了解吗？