Mercurial > hg > orthanc-stone
diff Applications/Samples/WebAssembly/SingleFrameViewer/index.html @ 1538:d1806b4e4839
moving OrthancStone/Samples/ as Applications/Samples/
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 11 Aug 2020 13:24:38 +0200 |
parents | OrthancStone/Samples/WebAssembly/SingleFrameViewer/index.html@244ad1e4e76a |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/Applications/Samples/WebAssembly/SingleFrameViewer/index.html Tue Aug 11 13:24:38 2020 +0200 @@ -0,0 +1,43 @@ +<!doctype html> +<html lang="en"> + <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="> + + <style> + canvas { + background-color: green; + width : 100%; + height : 512px; + } + </style> + </head> + <body> + <h1>Viewport</h1> + + <canvas id="viewport" > + </canvas> + + <h1>Load from Orthanc</h1> + <p> + Orthanc instance: <input type="text" id="orthancInstance" size="80" + value="5eb2dd5f-3fca21a8-fa7565fd-63e112ae-344830a4"> + </p> + <p> + Frame number: <input type="text" id="orthancFrame" value="0"> + </p> + <p> + <button id="orthancLoad">Load</button> + </p> + + <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="SingleFrameViewerApp.js"></script> + </body> +</html>