Zeigen Sie ein Bild an .tiff-oder .tif
Nicht, wie Sie dies tun Prozess und angehört, aber nicht erreicht, wenn ich helfen kann.
Sonde, was ging so etwas wie dieses:
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);
Mit all den Beiträgen erkennen, aber ausprobieren und wenn es funktioniert.
Punkt führen Sie zu der Wüste, poker Bilder mit Auflösung jpg meine liefert den folgenden Fehler:
TIFFReadDirectory: Warning -, Unknown-Feld mit tag 347 (0x15b) festgestellt.
tiff_min.js (Linie 103)
1.tiff: JPEG-Komprimierung ist nicht konfiguriert.
tiff_min.js (Linie 103)
1.tiff: Sorry, angeforderte Komprimierung-Methode ist nicht konfiguriert.
tiff_min.js (Linie 103)
uncaught exception: [object object]
Den probe-code, ist dieser:
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();
Du musst angemeldet sein, um einen Kommentar abzugeben.
Als beantwortet hier und hier, es kommt alles auf den browser-support.
Können Sie jedoch das Bild als binäre Daten und zeigt Sie über eine Bibliothek:
https://github.com/seikichi/tiff.js
https://code.google.com/p/tiffus/
https://github.com/GPHemsley/tiff-js
Anzeige von Tiff-Datei in eckigen, durch die Darstellung des Bildes im canvas-Bereich.
Download 'tiff.min.js" aus https://github.com/seikichi/tiff.js und fügen Sie die Datei in den 'src' - Ordner.
Aktualisieren Sie den Winkel.json-Datei mit
"scripts": [ "src/tiff.min.js"]
unter "Projekt"-> "Architekt" -> "build"->"Optionen"->"scripts"
Innerhalb der ts-Datei der Komponente, fügen Sie den folgenden code: