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

Question

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

Answer 1

对 tiff 文件的本机浏览器支持仍然很糟糕。维基百科对浏览器图像格式支持
有一个很好的概述。

话虽如此; 由于 .tiff 图像本质上仍然是光栅图像，因此确实可以将它（棘手的部分是支持不同的压缩算法，如 PACKBITS、DEFLATE、LZW 等）转换为另一种（浏览器支持的）光栅格式（因此可以将其作为data:img源提供）。

有一个名为Tiffus的库：一个客户端纯 Javascript 图像库，用于加载、保存和操作二进制图像。

最初的项目目标是创建一个普通的 Javascript chrome 扩展，它可以将单页/多页 TIFF 图像/s 转换为 BMP/GIF 图像（这就是名称的来源）。

但是现在它支持：

• Windows BMP（无压缩，RLE）
• 操作系统/2 BMP
• ICO
• 动图
• JPEG
• PNG
• 国际电影节

目前支持以下图片功能：

• 加载
• 节省
• 调整大小
• 翻动
• 反转颜色

基本上它是这样工作的：

1. 使用带有 MimeType('text/plain; charset=x-user-defined'); 的 XMLHttpRequest 作为二进制数据下载的源图像 （未来：HTML5 Canvas ImageData）
2. 使用 Tiffus 进行图像处理
3. 显示为数据 URI 方案的目标图像（未来：HTML5 Canvas ImageData）

注意根据上述；作者预计ImageData将来会使用 HTML5 Canvas。

希望这可以帮助！