Mercurial > hg > orthanc-stone

comparison Applications/Samples/WebAssembly/RtViewer/index.html @ 1538:d1806b4e4839

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>