Mercurial > hg > orthanc-stone
diff 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 |
line wrap: on
line diff
--- a/Samples/WebAssembly/RtViewer/index.html Wed Apr 29 18:11:49 2020 +0200 +++ b/Samples/WebAssembly/RtViewer/index.html Wed Apr 29 22:06:24 2020 +0200 @@ -1,4 +1,4 @@ -<!doctype html> +<!doctype html> <html lang="en-us"> <head> <title>Stone of Orthanc Single Frame Viewer </title> @@ -23,38 +23,38 @@ display: block; /* No floating content on sides */ } - #mycanvas1 { - position:absolute; - left:0%; - top:0%; - background-color: red; - width: 50%; - height: 100%; + #RtViewer_Axial { + position: absolute; + left: 0%; + top: 0%; + background-color: red; + width: 50%; + height: 100%; } - #mycanvas2 { - position:absolute; - left:50%; - top:0%; - background-color: green; - width: 50%; - height: 50%; + #RtViewer_Coronal { + position: absolute; + left: 50%; + top: 0%; + background-color: green; + width: 50%; + height: 50%; } - #mycanvas3 { - position:absolute; - left:50%; - top:50%; - background-color: blue; - width: 50%; - height: 50%; + #RtViewer_Sagittal { + position: absolute; + left: 50%; + top: 50%; + background-color: blue; + width: 50%; + height: 50%; } </style> </head> <body> - <canvas id="mycanvas1" oncontextmenu="return false;"></canvas> - <canvas id="mycanvas2" oncontextmenu="return false;"></canvas> - <canvas id="mycanvas3" oncontextmenu="return false;"></canvas> + <canvas id="RtViewer_Axial" oncontextmenu="return false;"></canvas> + <canvas id="RtViewer_Coronal" oncontextmenu="return false;"></canvas> + <canvas id="RtViewer_Sagittal" oncontextmenu="return false;"></canvas> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script>