view OrthancStone/Samples/WebAssembly/SingleFrameViewer/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">
  <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>