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

时间:2013-04-30 23:56:50

标签: javascript html5 memory render tiff

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

1 个答案:

答案 0 :(得分:3)

原生浏览器对tiff文件的支持仍然很糟糕 维基百科对浏览器Image format support有一个很好的概述。

有人说;因为.tiff图像基本上仍然是一个光栅图像,所以人们确实可以将其转换(其中很棘手的部分就像支持不同的压缩算法,如PACKBITS,DEFLATE,LZW等)到另一个(浏览器支持的)栅格格式(所以可以将其作为data:img - 来源提供。

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

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

但现在它支持:

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

目前支持以下图像功能:

  • 负载
  • 保存
  • 调整大小
  • 倒装
  • 反转颜色

基本上它的工作原理如下:

  1. 使用XMLHttpRequest下载为二进制数据的源图像 MimeType(' text / plain; charset = x-user-defined'); (未来:HTML5 Canvas ImageData)
  2. 使用Tiffus进行图像处理
  3. 显示为数据URI方案的设计图像(未来:HTML5 Canvas ImageData)
  4. 请注意,根据以上内容;作者希望将来使用HTML5 Canvas ImageData

    希望这有帮助!