A React component for viewing TIFF images.
npm install react-tiffA React component for viewing TIFF images.
- 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.
- Support you can zoom in and out tiff images.
- Support you can get the total number of pages on load of the document and handle pagination programmatically.
``bash`
npm install --save react-tiff
`bash`
yarn add react-tiff
`jsx
import React from 'react'
import { TIFFViewer } from 'react-tiff'
import 'react-tiff/dist/index.css'
import tiffFile from './images/multipage.tiff'
const App = () => {
return (
lang='en' // en | de | fr | es | tr | ja | zh | ru | ar | hi
paginate='ltr' // bottom | ltr
buttonColor='#141414' // pagination button color
printable // print button visible
zoomable // zoom in and out button visible
/>
)
}
export default App
``
> Made with create-react-library
 
MIT © harundogdu