我有一个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图像数据
- Vue.js:图片懒加载和预加载的实现与原理 2023-10-08
- 纯JS实现AJAX局部刷新功能 2023-01-31
- 使用JS前端技术实现静态图片局部流动效果 2022-10-21
- vue轮播图插件和页面滚动显示图片插件汇总 2023-10-08
- HTML+CSS制作心跳特效的实现 2022-09-20
- Vue Router 的路由配置 动态路由和懒加载 2023-10-08
- HTML+css盒子模型案例(圆,半圆等)“border-radius” 2022-09-20
- layui数据表格使用(一:基础篇,数据展示、分页组件、表格内嵌表单和图片) 2022-12-13
- VUE项目引入微信JSSDK 实现微信自定义分享 2023-10-08
- 基于fileUpload文件上传带进度条效果的实例(必看) 2023-02-14