Mercurial > hg > orthanc-stone
view OrthancStone/Samples/WebAssembly/RtViewer/index.html @ 1527:4c4b267e4004
RtViewerPlugin : similar to the StoneWebPlugin, but for the sole RtViewer sample
author | Benjamin Golinvaux <bgo@osimis.io> |
---|---|
date | Sun, 02 Aug 2020 15:13:58 +0200 |
parents | 244ad1e4e76a |
children |
line wrap: on
line source
<!doctype html> <html lang="en-us"> <head> <title>Stone of Orthanc Single Frame Viewer </title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <!-- Disable pinch zoom on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="HandheldFriendly" content="true" /> <style> html, body { width: 100%; height: 100%; margin: 0px; border: 0; overflow: hidden; /* Disable scrollbars */ display: block; /* No floating content on sides */ } #RtViewer_Axial { position: absolute; left: 0%; top: 0%; background-color: red; width: 50%; height: 100%; } #RtViewer_Coronal { position: absolute; left: 50%; top: 0%; background-color: green; width: 50%; height: 50%; } #RtViewer_Sagittal { position: absolute; left: 50%; top: 50%; background-color: blue; width: 50%; height: 50%; } </style> </head> <body> <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> <script src="RtViewerWasmApp.js"></script> </body> </html>