itk-vtk-image-viewer
Version:
ITK/VTK Image Viewer
53 lines (48 loc) • 2.23 kB
HTML
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="manifest.json">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="image-viewer">
<meta name="apple-mobile-web-app-title" content="image-viewer">
<meta name="theme-color" content="#8B8B8B">
<meta name="msapplication-navbutton-color" content="#8B8B8B">
<meta name="apple-mobile-web-app-status-bar-style"
content="black-translucent">
<meta name="msapplication-starturl" content="/itk-vtk-image-viewer/app/">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<link rel="icon" type="image/png" sizes="50x50"
href="/itk-vtk-image-viewer/logo.png">
<link rel="apple-touch-icon" type="image/png" sizes="50x50" href="/itk-vtk-image-viewer/logo.png">
<script>
if ('serviceWorker' in navigator && document.location.protocol !== 'http:') {
window.addEventListener('load', function () {
navigator.serviceWorker.register('./serviceWorker.js').then(function (registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope)
}, function (err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err)
})
})
}
</script>
<link rel="icon" type="image/png" href="favicon-32x32.png">
</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="itkVtkImageViewer.js">
</script>
<script>
var container = document.querySelector('.content');
var viewer = itkVtkImageViewer.processParameters(container, { fullscreen: true });
if (!viewer) {
itkVtkImageViewer.createViewerFromLocalFiles(container);
}
</script>
</body>
</html>