React-tiff NPM

react-tiff

A React component for viewing TIFF images.

Features

Supports multi-page TIFF images
Supports TIFF images with multiple channels (e.g. RGB, RGBA, CMYK)
Supports TIFF images with multiple resolutions (e.g. 1x, 2x, 4x)
Supports TIFF images with multiple tiles
Supports TIFF images with multiple strips
Supports TIFF images with multiple samples per pixel (e.g. 1, 2, 3, 4)
Supports TIFF images with multiple bits per sample (e.g. 1, 2, 4, 8, 16, 32)
Supports TIFF images with multiple photometric interpretations (e.g. min-is-black, min-is-white, RGB, palette color, transparency mask, CMYK, YCbCr, CIELab)
Support you can print out tiff images.

Install

npm install --save react-tiff

yarn add react-tiff

Usage

import React from 'react'

import { TIFFViewer } from 'react-tiff'
import 'react-tiff/dist/index.css'
import tiffFile from './images/multipage.tiff'

const App = () => {
  return (
    <TIFFViewer
      tiff={tiffFile}
      lang='en' // en | de | fr | es | tr | ja | zh | ru | ar | hi
      paginate='ltr' // bottom | ltr
      buttonColor='#141414'
      printable
    />
  )
}

export default App