Skip to content

harundogdu/react-tiff

Repository files navigation

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

Live

Demo

Extras

Made with create-react-library

NPM JavaScript Style Guide

License

MIT © harundogdu