Mercurial > hg > orthanc-stone
diff Applications/Samples/WebAssembly/RtViewer/index.html @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Tue, 11 Aug 2020 13:24:38 +0200 |
| parents | OrthancStone/Samples/WebAssembly/RtViewer/index.html@244ad1e4e76a |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Applications/Samples/WebAssembly/RtViewer/index.html Tue Aug 11 13:24:38 2020 +0200 @@ -0,0 +1,64 @@ +<!doctype html> +<html lang="en-us"> + <head> + <title>Stone of Orthanc Single Frame Viewer </title> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> + <meta name="apple-mobile-web-app-capable" content="yes" /> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> + <link rel="icon" href="data:;base64,iVBORw0KGgo="> + + <!-- Disable pinch zoom on mobile devices --> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> + <meta name="HandheldFriendly" content="true" /> + + <style> + html, body { + width: 100%; + height: 100%; + margin: 0px; + border: 0; + overflow: hidden; /* Disable scrollbars */ + display: block; /* No floating content on sides */ + } + + #RtViewer_Axial { + position: absolute; + left: 0%; + top: 0%; + background-color: red; + width: 50%; + height: 100%; + } + + #RtViewer_Coronal { + position: absolute; + left: 50%; + top: 0%; + background-color: green; + width: 50%; + height: 50%; + } + + #RtViewer_Sagittal { + position: absolute; + left: 50%; + top: 50%; + background-color: blue; + width: 50%; + height: 50%; + } + </style> + </head> + <body> + <canvas id="RtViewer_Axial" oncontextmenu="return false;"></canvas> + <canvas id="RtViewer_Coronal" oncontextmenu="return false;"></canvas> + <canvas id="RtViewer_Sagittal" oncontextmenu="return false;"></canvas> + + <script src="https://code.jquery.com/jquery-3.4.1.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script> + + <script src="RtViewerWasmApp.js"></script> + </body> +</html>