Javascript 从像素数据阵列绘制图像
如果我有一个JavaScript中的像素数据数组,有没有一个好方法可以在HTML页面上显示它Javascript 从像素数据阵列绘制图像,javascript,image,canvas,pixel,data-url,Javascript,Image,Canvas,Pixel,Data Url,如果我有一个JavaScript中的像素数据数组,有没有一个好方法可以在HTML页面上显示它 在最新版本的Safari和Firefox上,我可以制作一个元素,并使用putImageData来显示像素,但理想情况下,解决方案也可以在旧版本上使用,更重要的是,可以在Internet Explorer上使用 另一个更为具体的解决方案是将像素编码为标准图像格式,并用像素创建data:URI,并将其设置为>src元素。不幸的是,似乎大多数图像格式都很复杂,我很难找到一个简单的格式来完成这项工作(BMP看
- 在最新版本的Safari和Firefox上,我可以制作一个
元素,并使用
来显示像素,但理想情况下,解决方案也可以在旧版本上使用,更重要的是,可以在Internet Explorer上使用putImageData
- 另一个更为具体的解决方案是将像素编码为标准图像格式,并用像素创建
URI,并将其设置为data:
元素。不幸的是,似乎大多数图像格式都很复杂,我很难找到一个简单的格式来完成这项工作(BMP看起来有可能,但在Safari上不起作用)。此外,IE 8之前的Internet Explorer版本根本不支持>src
URI数据:
数据:
URI的功能?请检查Raphaël
-
虽然这可能会很慢,而且不是库的预期用途,但它可以支持您感兴趣的浏览器。PNG格式适合您的目标吗?如果是的话,看起来不错 另外,看起来不错,但它将Canvas.getImageData()的返回值作为输入 不知道你能做些什么来支持IE7。也许可以看看fxCanvas
我认为他们甚至在IE中使用Flash实现了“putImageData” Canvas是一个很好的解决方案,有关跨浏览器支持,请参阅Mark Pilgrim的优秀教程:
特别是“IE怎么样?”部分和使用explorercanvas。您可以使用画布使用和创建数据:png和jpeg格式的URI。是的,我不想画矩形;太慢了。链接断了,我不知道怎么自己修复。