Mercurial > hg > orthanc-stone
annotate Applications/Samples/WebAssembly/RtViewer/index.html @ 2004:6a96a1920fd8
fix
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Wed, 02 Nov 2022 15:29:01 +0100 |
parents | d1806b4e4839 |
children |
rev | line source |
---|---|
1404
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
1 <!doctype html> |
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
2 <html lang="en-us"> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
3 <head> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
4 <title>Stone of Orthanc Single Frame Viewer </title> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
5 <meta charset="utf-8" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
8 <meta name="apple-mobile-web-app-capable" content="yes" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
10 <link rel="icon" href="data:;base64,iVBORw0KGgo="> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
11 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
12 <!-- Disable pinch zoom on mobile devices --> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
13 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
14 <meta name="HandheldFriendly" content="true" /> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
15 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
16 <style> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
17 html, body { |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
18 width: 100%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
19 height: 100%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
20 margin: 0px; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
21 border: 0; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
22 overflow: hidden; /* Disable scrollbars */ |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
23 display: block; /* No floating content on sides */ |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
24 } |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
25 |
1404
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
26 #RtViewer_Axial { |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
27 position: absolute; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
28 left: 0%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
29 top: 0%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
30 background-color: red; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
31 width: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
32 height: 100%; |
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
33 } |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
34 |
1404
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
35 #RtViewer_Coronal { |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
36 position: absolute; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
37 left: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
38 top: 0%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
39 background-color: green; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
40 width: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
41 height: 50%; |
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
42 } |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
43 |
1404
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
44 #RtViewer_Sagittal { |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
45 position: absolute; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
46 left: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
47 top: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
48 background-color: blue; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
49 width: 50%; |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
50 height: 50%; |
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
51 } |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
52 </style> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
53 </head> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
54 <body> |
1404
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
55 <canvas id="RtViewer_Axial" oncontextmenu="return false;"></canvas> |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
56 <canvas id="RtViewer_Coronal" oncontextmenu="return false;"></canvas> |
3e644f6fadd4
Three-viewport is now OK in SDL and Wasm
Benjamin Golinvaux <bgo@osimis.io>
parents:
1394
diff
changeset
|
57 <canvas id="RtViewer_Sagittal" oncontextmenu="return false;"></canvas> |
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
58 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
59 <script src="https://code.jquery.com/jquery-3.4.1.js"></script> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
60 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
61 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
62 <script src="RtViewerWasmApp.js"></script> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
63 </body> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
64 </html> |