Mercurial > hg > orthanc-stone

comparison Samples/WebAssembly/RtViewer/index.html @ 1404:3e644f6fadd4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Three-viewport is now OK in SDL and Wasm
author Benjamin Golinvaux <bgo@osimis.io>
date Wed, 29 Apr 2020 22:06:24 +0200
parents a8ac7e3de0e8
children
comparison
equal deleted inserted replaced
1395:62dc0d737e7b 1404:3e644f6fadd4
1 <!doctype html> 1 <!doctype html>
2 <html lang="en-us"> 2 <html lang="en-us">
3 <head> 3 <head>
4 <title>Stone of Orthanc Single Frame Viewer </title> 4 <title>Stone of Orthanc Single Frame Viewer </title>
5 <meta charset="utf-8" /> 5 <meta charset="utf-8" />
6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
21 border: 0; 21 border: 0;
22 overflow: hidden; /* Disable scrollbars */ 22 overflow: hidden; /* Disable scrollbars */
23 display: block; /* No floating content on sides */ 23 display: block; /* No floating content on sides */
24 } 24 }
25 25
26 #mycanvas1 { 26 #RtViewer_Axial {
27 position:absolute; 27 position: absolute;
28 left:0%; 28 left: 0%;
29 top:0%; 29 top: 0%;
30 background-color: red; 30 background-color: red;
31 width: 50%; 31 width: 50%;
32 height: 100%; 32 height: 100%;
33 } 33 }
34 34
35 #mycanvas2 { 35 #RtViewer_Coronal {
36 position:absolute; 36 position: absolute;
37 left:50%; 37 left: 50%;
38 top:0%; 38 top: 0%;
39 background-color: green; 39 background-color: green;
40 width: 50%; 40 width: 50%;
41 height: 50%; 41 height: 50%;
42 } 42 }
43 43
44 #mycanvas3 { 44 #RtViewer_Sagittal {
45 position:absolute; 45 position: absolute;
46 left:50%; 46 left: 50%;
47 top:50%; 47 top: 50%;
48 background-color: blue; 48 background-color: blue;
49 width: 50%; 49 width: 50%;
50 height: 50%; 50 height: 50%;
51 } 51 }
52 </style> 52 </style>
53 </head> 53 </head>
54 <body> 54 <body>
55 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas> 55 <canvas id="RtViewer_Axial" oncontextmenu="return false;"></canvas>
56 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas> 56 <canvas id="RtViewer_Coronal" oncontextmenu="return false;"></canvas>
57 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas> 57 <canvas id="RtViewer_Sagittal" oncontextmenu="return false;"></canvas>
58 58
59 <script src="https://code.jquery.com/jquery-3.4.1.js"></script> 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> 60 <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script>
61 61
62 <script src="RtViewerWasmApp.js"></script> 62 <script src="RtViewerWasmApp.js"></script>