Mercurial > hg > orthanc-stone

view Applications/Samples/Web/simple-viewer-single-file.html @ 1327:4f8db2d202c8 broker

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
OrthancSeriesProgressiveLoader now has two modes that can be selected at object creation : - progressive (will first load jpeg50, then jpeg90 then PAM) - non-progressive (will directly load PAM (uncompressed)) Please note that the slice loading order remains dynamic and depending upon the slice that the client code wishes to extract from the volume.
author Benjamin Golinvaux <bgo@osimis.io>
date Wed, 25 Mar 2020 14:34:27 +0100
parents 8bf717c4e497
children
line wrap: on
line source

<!doctype html>

<html lang="us">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <!-- 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" />

  <title>Simple Viewer</title>
  <link href="samples-styles.css" rel="stylesheet" />

<body>
  <div id="breadcrumb">
    <span id="patient-id"></span>
    <span id="study-description"></span>
    <span id="series-description"></span>
  </div>
  <div style="height: calc(100% - 50px)">
    <div style="width: 20%; height: 100%; display: inline-block">
      <canvas id="canvas"></canvas>
    </div>
    <div style="width: 70%; height: 100%; display: inline-block">
      <canvas id="canvas2"></canvas>
    </div>
  </div>
  <div id="toolbox" style="height: 50px">
    <input tool-selector="line-measure" type="radio" name="radio-tool-selector" class="tool-selector">line
    <input tool-selector="circle-measure" type="radio" name="radio-tool-selector" class="tool-selector">circle
    <button action-trigger="action1" class="action-trigger">action1</button>
    <button action-trigger="action2" class="action-trigger">action2</button>
  </div>
  <script type="text/javascript" src="app-simple-viewer-single-file.js"></script>
</body>

</html>