将图像显示为.tiff或.tif
将图像显示为.tiff或.tif
提问于 2015-07-27 15:20:04
不知道如何做这个过程，并咨询，但没有达到，如果我可以帮助。
调查一下发生了什么事：
var reader = new FileReader();
reader.onload = function(event) {
var dataUri = event.target.result,
context = document.getElementById("mycanvas").getContext("2d"),
img = new Image();
// wait until the image has been fully processed
img.onload = function() {
context.drawImage(img, 100, 100);
};
img.src = 'url_imagen';
};
reader.onerror = function(event) {
console.error("File could not be read! Code " + event.target.error.code);
};
reader.readAsDataURL(file);所有的贡献都能实现，但是试一试，如果成功的话。
点跑到沙漠，具有分辨率的扑克图像jpg我传递以下错误：
TIFFReadDirectory:警告，遇到带有标签347 (0x15b)的未知字段。tiff_min.js (línea103) 1.tiff:未配置JPEG压缩支持。tiff_min.js (línea103)1. 1.tiff:对不起，未配置请求的压缩方法。tiff_min.js (línea103)未明异常:对象对象
探测代码，即：
Tiff.initialize({TOTAL_MEMORY: 19777216 * 10});
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', url);
xhr.onload = function (e) {
var tiff = new Tiff({buffer: xhr.response,height:450});
var canvas = tiff.toCanvas();
//canvas.width = 700;
//canvas.height = 450;
div.html(canvas);
msn('Imagen cargada', "Imagen cargada con exito.");
};
xhr.send();回答 2
Stack Overflow用户
回答已采纳
发布于 2015-07-27 15:34:05
正如here和here所回答的那样，这一切都归结为浏览器支持。
但是，您可以以二进制数据的形式获取图像，并使用库显示它：
https://github.com/seikichi/tiff.js
Stack Overflow用户
发布于 2019-04-30 05:11:03
通过在画布中显示图像，以角度显示Tiff文件。
从tiff.min.js下载‘https://github.com/seikichi/tiff.js’并将文件添加到'src‘文件夹中。
用“脚本”更新angular.json文件："src/tiff.min.js“
在“项目”->“架构师”“->”下构建“->”选项“->”脚本
在组件的ts文件中添加以下代码：
declare var Tiff: any; # declared globally outside the class
# inside the component class
let xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', 'src_of_image_to_be_displayed');
xhr.onload = (e) => {
let tiff = new Tiff({buffer: xhr.response});
let canvas = tiff.toCanvas();
document.body.append(canvas); # append to an div element
}
xhr.send();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31656949
复制相关文章
相似问题
腾讯云开发者
