Mercurial > hg > orthanc-stone

comparison Samples/Deprecated/WebAssembly/BasicScene.html @ 1348:eac254fb6791 broker

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Moved Application/Samples/* to Application/Samples/Deprecated/* (remaining) + moved Samples/* to Samples/Deprecated/*
author Benjamin Golinvaux <bgo@osimis.io>
date Tue, 07 Apr 2020 14:31:28 +0200
parents Samples/WebAssembly/BasicScene.html@0925b27e8750
children
comparison
equal deleted inserted replaced
1347:bfd77672d825 1348:eac254fb6791
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="BasicScene.js"></script>
68 </body>
69 </html>