view Applications/Samples/WebAssembly/SingleFrameViewer/index.html @ 1652:fa9e6bf84958

integrating pdf.js into Stone Web viewer
author Sebastien Jodogne <s.jodogne@gmail.com>
date Mon, 16 Nov 2020 20:47:53 +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>