Mercurial > hg > orthanc-stone
view Applications/Samples/WebAssembly/SingleFrameViewer/index.html @ 1877:a2955abe4c2e
skeleton for the RenderingPlugin
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Wed, 12 Jan 2022 08:23:38 +0100 |
parents | d1806b4e4839 |
children |
line wrap: on
line source
<!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>