Mercurial > hg > orthanc-stone
comparison 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 |
comparison
equal
deleted
inserted
replaced
1537:de8cf5859e84 | 1538:d1806b4e4839 |
---|---|
1 <!doctype html> | |
2 <html lang="en-us"> | |
3 <head> | |
4 <title>Stone of Orthanc Single Frame Viewer </title> | |
5 <meta charset="utf-8" /> | |
6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> | |
7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> | |
8 <meta name="apple-mobile-web-app-capable" content="yes" /> | |
9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> | |
10 <link rel="icon" href="data:;base64,iVBORw0KGgo="> | |
11 | |
12 <!-- Disable pinch zoom on mobile devices --> | |
13 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
14 <meta name="HandheldFriendly" content="true" /> | |
15 | |
16 <style> | |
17 html, body { | |
18 width: 100%; | |
19 height: 100%; | |
20 margin: 0px; | |
21 border: 0; | |
22 overflow: hidden; /* Disable scrollbars */ | |
23 display: block; /* No floating content on sides */ | |
24 } | |
25 | |
26 #RtViewer_Axial { | |
27 position: absolute; | |
28 left: 0%; | |
29 top: 0%; | |
30 background-color: red; | |
31 width: 50%; | |
32 height: 100%; | |
33 } | |
34 | |
35 #RtViewer_Coronal { | |
36 position: absolute; | |
37 left: 50%; | |
38 top: 0%; | |
39 background-color: green; | |
40 width: 50%; | |
41 height: 50%; | |
42 } | |
43 | |
44 #RtViewer_Sagittal { | |
45 position: absolute; | |
46 left: 50%; | |
47 top: 50%; | |
48 background-color: blue; | |
49 width: 50%; | |
50 height: 50%; | |
51 } | |
52 </style> | |
53 </head> | |
54 <body> | |
55 <canvas id="RtViewer_Axial" oncontextmenu="return false;"></canvas> | |
56 <canvas id="RtViewer_Coronal" oncontextmenu="return false;"></canvas> | |
57 <canvas id="RtViewer_Sagittal" oncontextmenu="return false;"></canvas> | |
58 | |
59 <script src="https://code.jquery.com/jquery-3.4.1.js"></script> | |
60 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script> | |
61 | |
62 <script src="RtViewerWasmApp.js"></script> | |
63 </body> | |
64 </html> |