javascript – 从像素数据数组中绘制图像

如果我在JavaScript中有一组像素数据,是否有一种在HTML页面上显示它的好方法?

>在Safari和Firefox的最新版本中,我可以创建一个< canvas>元素并使用putImageData来显示像素,但理想情况下,解决方案也适用于旧版本,更重要的是,可以在Internet Explorer上工作.
>另一种似乎更有形的解决方案可能是将像素编码为标准图像格式并创建数据:带有像素的URI并将其设置为< img>的src.元件.不幸的是,似乎大多数图像格式都很复杂,我很难找到一个可以完成工作的简单图像(BMP看起来像是一种可能性但在Safari上不起作用).此外,IE 8之前的Internet Explorer版本不支持数据:URIs.

我怀疑是否存在,但有没有人知道JavaScript的图像库可以生成标准格式的图像?有没有办法复制数据的功能:IE 7中的URI?

解决方法:

PNG格式是否适用于您的目标?如果是这样PNGlib看起来很不错.

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

不知道你可以做些什么来支持IE 7.

上一篇:运用CSS3媒体查询判断iPhoneX、iPhoneXR、iPhoneXS MAX


下一篇:c# – DecodePixelWidth Vs.有什么区别? ScaleTransform?