Mercurial > hg > orthanc-stone
comparison Samples/WebAssembly/RtViewer/index.html @ 1404:3e644f6fadd4
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> |