Mercurial > hg > orthanc-stone
comparison Samples/WebAssembly/RtViewer/index.html @ 1394:a8ac7e3de0e8
RtViewer SingleFrameViewer OK : wasm SDL single viewport
other viewports ongoing
author | Benjamin Golinvaux <bgo@osimis.io> |
---|---|
date | Wed, 29 Apr 2020 15:54:26 +0200 |
parents | |
children | 3e644f6fadd4 |
comparison
equal
deleted
inserted
replaced
1393:27e0a00bd3e8 | 1394:a8ac7e3de0e8 |
---|---|
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 #mycanvas1 { | |
27 position:absolute; | |
28 left:0%; | |
29 top:0%; | |
30 background-color: red; | |
31 width: 50%; | |
32 height: 100%; | |
33 } | |
34 | |
35 #mycanvas2 { | |
36 position:absolute; | |
37 left:50%; | |
38 top:0%; | |
39 background-color: green; | |
40 width: 50%; | |
41 height: 50%; | |
42 } | |
43 | |
44 #mycanvas3 { | |
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="mycanvas1" oncontextmenu="return false;"></canvas> | |
56 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas> | |
57 <canvas id="mycanvas3" 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> |