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

Question

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

Answer 1

本地浏览器对 tiff 文件的支持仍然很差。
维基百科对浏览器有很好的概述 Image format support .

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

有一个库叫做 Tiffus :一个客户端纯 Javascript 图像库，用于加载、保存和操作二进制图像。

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

但是现在它支持:

• Windows BMP(无压缩，RLE)
• 操作系统/2 BMP
• 首次代币发行
• 动图
• JPG
• PNG
• 国际电影节

目前支持以下图片功能:

• 加载
• 保存
• 调整大小
• 翻转
• 反转颜色

基本上它是这样工作的:

1. 使用 XMLHttpRequest 将源图像下载为二进制数据MimeType('text/plain; charset=x-user-defined'); ( future :HTML5 Canvas 图像数据)
2. 使用 Tiffus 进行图像处理
3. 目标图像显示为数据 URI 方案( future :HTML5 Canvas ImageData)

注意根据上面的；作者希望在未来使用 HTML5 Canvas ImageData。

希望这对您有所帮助!