harundogdu / react-tiff

A React component for viewing TIFF images.

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

License

MIT © harundogdu

react-tiff's Issues

Language Support Chinese

Language can add Chinese translation？
For example: lang="zh"

Support for react 18

Hey @harundogdu ,
Great work on the lib!!! Can you please add support for react ver. 18 in here ?

Add Japanese to i18n

Hello @harundogdu ,

I introduce this nice library to an application provided in Japan.
I wanna this library to support Japanese.

May I implement it and make PR?

Add type="button" to buttons for pagination

Hello @harundogdu ,

When previewing a TIFF file in a form tag and clicking the next button in order to check the next page of the TIFF file, the form was submitted immediately. I think the reason the buttons don't have an attribute, type="button".

May I implement it and make PR?