Javascript 从像素数据阵列绘制图像

Javascript 从像素数据阵列绘制图像,javascript,image,canvas,pixel,data-url,Javascript,Image,Canvas,Pixel,Data Url,如果我有一个JavaScript中的像素数据数组,有没有一个好方法可以在HTML页面上显示它 在最新版本的Safari和Firefox上,我可以制作一个元素,并使用putImageData来显示像素,但理想情况下,解决方案也可以在旧版本上使用,更重要的是,可以在Internet Explorer上使用 另一个更为具体的解决方案是将像素编码为标准图像格式,并用像素创建data:URI,并将其设置为>src元素。不幸的是,似乎大多数图像格式都很复杂,我很难找到一个简单的格式来完成这项工作(BMP看

如果我有一个JavaScript中的像素数据数组,有没有一个好方法可以在HTML页面上显示它

  • 在最新版本的Safari和Firefox上,我可以制作一个
    元素,并使用
    putImageData
    来显示像素,但理想情况下,解决方案也可以在旧版本上使用,更重要的是,可以在Internet Explorer上使用
  • 另一个更为具体的解决方案是将像素编码为标准图像格式,并用像素创建
    data:
    URI,并将其设置为
    >src
    元素。不幸的是,似乎大多数图像格式都很复杂,我很难找到一个简单的格式来完成这项工作(BMP看起来有可能,但在Safari上不起作用)。此外,IE 8之前的Internet Explorer版本根本不支持
    数据:
    URI
我怀疑是否存在任何图像库,但有人知道JavaScript的图像库可以生成标准格式的图像吗?有没有一种方法可以复制IE7中
数据:
URI的功能?

请检查Raphaël -


虽然这可能会很慢,而且不是库的预期用途,但它可以支持您感兴趣的浏览器。

PNG格式适合您的目标吗?如果是的话,看起来不错

另外,看起来不错,但它将Canvas.getImageData()的返回值作为输入

不知道你能做些什么来支持IE7。

也许可以看看fxCanvas


我认为他们甚至在IE中使用Flash实现了“putImageData”

Canvas是一个很好的解决方案,有关跨浏览器支持,请参阅Mark Pilgrim的优秀教程:


特别是“IE怎么样?”部分和使用explorercanvas。您可以使用画布使用和创建数据:png和jpeg格式的URI。

是的,我不想画矩形;太慢了。链接断了,我不知道怎么自己修复。