react-med-img-viewer

Visualize an image on the web/electron.js

Install

npm install --save react-med-img-viewer

export NODE_OPTIONS=--max_old_space_size=8192

Usage

import {MedImgViewer, MedImgReader} from 'react-med-img-viewer';
 

If you like to control the layout using a button toolbar to show different layouts set showToolBar to 1.

    <MedImgViewer vtkImagePrimary={vtkImagePrimary} style={{padding: 0}} showToolBar={1}/>

You can fix the layout by using the prop selectedLayout

    <MedImgViewer selectedLayout="3" vtkImagePrimary={vtkImagePrimary}/>

Reading an image

The MedImgReader works for the electron environment. If you like to know how to read your image using itk.js on the browser, please follow the instructions at itk.js The MedImgViewer receives a vtkImage and displays it.

    var medImgReader = new MedImgReader();
    //filename is the path on disk.
 
    const self = this;
 
    return medImgReader.readImage(filename)
    .then(function(itkImage){
        return medImgReader.convertToVtkImage(itkImage);
    })
    .then(function(vtkImage){
        self.setState({...self.state, vtkImagePrimary: vtkImage});
    })
    .catch(function(e){
        console.error(e);
    });  

License

MIT © juanprietob