UNPKG

itk-viewer-material-ui

Version:

[![npm version](https://badge.fury.io/js/itk-viewer-material-ui.svg)](https://badge.fury.io/js/itk-viewer-material-ui)

47 lines (46 loc) 1.22 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Custom itk-viewer Material UI Demo</title> </head> <body> <div class="content" style=" position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; overflow: hidden; background: black; margin: 0; padding: 0; " ></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/itk-vtk-viewer@14.19.2/dist/itkVtkViewer.js" ></script> <script> const container = document.querySelector('.content') const image = new URL( 'https://data.kitware.com/api/v1/file/5b843d468d777f43cc8d4f6b/download/engine.nrrd' ) const uiMachineOptions = { href: new URL( '/src/materialUIMachineOptions.js', document.location.origin ).href } itkVtkViewer.createViewer(container, { image, rotate: false, config: { uiMachineOptions } }) </script> </body> </html>