Mercurial > hg > orthanc-stone
annotate Samples/WebAssembly/RtViewer/index.html @ 1400:419d0320c344
moved Platforms into Deprecated
author | Alain Mazy <alain@mazy.be> |
---|---|
date | Wed, 29 Apr 2020 20:45:14 +0200 |
parents | a8ac7e3de0e8 |
children | 3e644f6fadd4 |
rev | line source |
---|---|
1394
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
1 <!doctype html> |
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 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
26 #mycanvas1 { |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
27 position:absolute; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
28 left:0%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
29 top:0%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
30 background-color: red; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
31 width: 50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
32 height: 100%; |
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 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
35 #mycanvas2 { |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
36 position:absolute; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
37 left:50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
38 top:0%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
39 background-color: green; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
40 width: 50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
41 height: 50%; |
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 |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
44 #mycanvas3 { |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
45 position:absolute; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
46 left:50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
47 top:50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
48 background-color: blue; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
49 width: 50%; |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
50 height: 50%; |
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> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
55 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
56 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas> |
a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
Benjamin Golinvaux <bgo@osimis.io>
parents:
diff
changeset
|
57 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas> |
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> |