沃梦达 / IT编程 / 前端开发 / 正文

javascript-是否有HTML5方法显示已加载到内存中的tiff图像数据

我有一个tiff图片存储在内存中(在javascript变量中).在浏览器窗口中显示此图像的javascript或html技术是什么?是否有“ drawimage”类型的功能?解决方法:本地浏览器对tiff文件的支持仍然很糟糕.Wikipedia很好地概述...

我有一个tiff图片存储在内存中(在javascript变量中).在浏览器窗口中显示此图像的javascript或html技术是什么?是否有“ drawimage”类型的功能?

解决方法:

本地浏览器对tiff文件的支持仍然很糟糕.
Wikipedia很好地概述了Image format support浏览器.

话虽如此;由于.tiff图像本质上仍是光栅图像,因此确实可以将其转换(棘手的部分是诸如支持不同的压缩算法(例如PACKBITS,DEFLATE,LZW等)的东西)为另一种(浏览器支持的)光栅格式(因此可以将其作为data:img-source).

有一个名为Tiffus的库:一个客户端纯Javascript映像库,用于加载,保存和操作二进制图像.

最初的项目目标是创建一个纯Javascript chrome扩展程序,该扩展程序可以将单页/多页TIFF图像转换为BMP / GIF图像(这就是名称的由来).

但是现在它支持:

> Windows BMP(无压缩,RLE)
> OS / 2 BMP
> ICO
> GIF
> JPEG
> PNG
> TIFF

当前支持以下图像功能:

>负载
>保存
>调整大小
>翻转
>反转颜色

基本上它是这样的:

>使用XMLHttpRequest将源图像下载为二进制数据
MimeType(‘text / plain; charset = x-user-defined’); (未来:HTML5
画布ImageData)
>使用Tiffus进行图像处理
>表示为数据URI方案的目标图像(未来:HTML5 Canvas ImageData)

注意根据上面的内容;作者希望将来使用HTML5 Canvas ImageData.

希望这可以帮助!

本文标题为:javascript-是否有HTML5方法显示已加载到内存中的tiff图像数据