react-med-img-viewer

React component for medical image visualization. Interacts with the med-img server

Usage no npm install needed!

<script type="module">
  import reactMedImgViewer from 'https://cdn.skypack.dev/react-med-img-viewer';
</script>

README

react-med-img-viewer

Visualize an image on the web/electron.js

NPM JavaScript Style Guide

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