Mercurial > hg > orthanc-stone

comparison Samples/WebAssembly/BasicMPR.html @ 820:270c31978df1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
BasicMPR sample
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 29 May 2019 13:40:07 +0200
parents
children d71cf8504159
comparison
equal deleted inserted replaced
819:a68cd7ae8838 820:270c31978df1
1 <!doctype html>
2 <html lang="en-us">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6
7 <!-- Disable pinch zoom on mobile devices -->
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
9 <meta name="HandheldFriendly" content="true" />
10
11
12 <title>Stone of Orthanc</title>
13
14 <style>
15 html, body {
16 width: 100%;
17 height: 100%;
18 margin: 0px;
19 border: 0;
20 overflow: hidden; /* Disable scrollbars */
21 display: block; /* No floating content on sides */
22 }
23
24 #mycanvas1 {
25 position:absolute;
26 left:0%;
27 top:0%;
28 background-color: red;
29 width: 50%;
30 height: 100%;
31 }
32
33 #mycanvas2 {
34 position:absolute;
35 left:50%;
36 top:0%;
37 background-color: green;
38 width: 50%;
39 height: 50%;
40 }
41
42 #mycanvas3 {
43 position:absolute;
44 left:50%;
45 top:50%;
46 background-color: blue;
47 width: 50%;
48 height: 50%;
49 }
50 </style>
51 </head>
52 <body>
53 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
54 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
55 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>
56
57 <script type="text/javascript">
58 if (!('WebAssembly' in window)) {
59 alert('Sorry, your browser does not support WebAssembly :(');
60 } else {
61 window.addEventListener('WebAssemblyLoaded', function() {
62 Module.ccall('Initialize', null, null, null);
63 });
64 }
65 </script>
66
67 <script type="text/javascript" async src="BasicMPR.js"></script>
68 </body>
69 </html>