https://github.com/harundogdu/react-tiff
A React component for viewing TIFF images.
https://github.com/harundogdu/react-tiff
image react react-tiff-viewer tiff tiff-files tiff-images tiff-viewer
Last synced: about 2 months ago
JSON representation
A React component for viewing TIFF images.
- Host: GitHub
- URL: https://github.com/harundogdu/react-tiff
- Owner: harundogdu
- Created: 2022-10-27T13:12:49.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-02-23T15:05:02.000Z (3 months ago)
- Last Synced: 2025-03-05T09:41:07.658Z (2 months ago)
- Topics: image, react, react-tiff-viewer, tiff, tiff-files, tiff-images, tiff-viewer
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/react-tiff
- Size: 1.59 MB
- Stars: 10
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
- 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.
## Install
```bash
npm install --save react-tiff
```
```bash
yarn add react-tiff
```
## Usage
```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 (
)
}
export default App
```
## Live
[Demo](https://codesandbox.io/s/react-tiff-95u65f)
## Extras
> Made with create-react-library
[](https://www.npmjs.com/package/react-tiff-viewer) [](https://standardjs.com)
## License
MIT © [harundogdu](https://github.com/harundogdu)