browser-tiff.js is a direct clone of tiff.js, but with require() methods removed, so it can work without errors during 'import' and compilation for web projects.
Below are the only changes to tiff.min.js, basically Function.prototype() act like noop()
From:
... = require(...)
To:
... = Function.prototype(...)
- Copy browser-tiff.d.ts to your project root folder (This is for Typescript type definition)
- In your Angular component, use import like this:
import * as Tiff from 'browser-tiff.js';
- Use normally as describe in original tiff.js usage below.
tiff.js is a port of the LibTIFF by compiling the LibTIFF C code with Emscripten.
Download tiff.min.js and load the script by yourself:
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', "url/of/a/tiff/image/file.tiff");
xhr.onload = function (e) {
var tiff = new Tiff({buffer: xhr.response});
var canvas = tiff.toCanvas();
document.body.append(canvas);
};
xhr.send();
$ npm install tiff.js
Example
// Usage: node this-file.js input.tiff
var Tiff = require('tiff.js');
var fs = require('fs');
var filename = process.argv[2];
var input = fs.readFileSync(filename);
var image = new Tiff({ buffer: input });
console.log(filename + ': width = ' + image.width() + ', height = ' + image.height());
see tiff.d.ts
This library does not support JPEG-based compressed TIFF files- Fixed by Tetedeiench
- When you load large tiff file, you will see the error message "Cannot enlarge memory arrays in asm.js"
- in such case, please call 'Tiff.initialize({TOTAL_MEMORY: ... })' before you create a Tiff instance
- This JavaScript library uses only some parts of the LibTIFF features
- To be more precise, I use following functions only
- TIFFOpen, TIFFClose, TIFFGetField, TIFFReadRGBAImage, TIFFSetDirectory, TIFFCurrentDirectory, TIFFReadDirectory
The LibTIFF is LibTIFF Software License, zlib and additional code are zlib License.