view Samples/WebAssembly/BasicScene.html @ 1327:4f8db2d202c8 broker

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 0925b27e8750
children
line wrap: on
line source

<!doctype html>
<html lang="en-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>Stone of Orthanc</title>

    <style>
      html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
      border: 0;
      overflow: hidden; /*  Disable scrollbars */
      display: block;  /* No floating content on sides */
      }

      #mycanvas1 {
      position:absolute;
      left:0%;
      top:0%;
      background-color: red;
      width: 50%;
      height: 100%;
      }

      #mycanvas2 {
      position:absolute;
      left:50%;
      top:0%;
      background-color: green;
      width: 50%;
      height: 50%;
      }

      #mycanvas3 {
      position:absolute;
      left:50%;
      top:50%;
      background-color: blue;
      width: 50%;
      height: 50%;
      }
    </style>
  </head>
  <body>
    <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
    <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
    <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>

    <script type="text/javascript">
      if (!('WebAssembly' in window)) {
      alert('Sorry, your browser does not support WebAssembly :(');
      } else {
      window.addEventListener('WebAssemblyLoaded', function() {
      Module.ccall('Initialize', null, null, null);
      });
      }
    </script>

    <script type="text/javascript" async src="BasicScene.js"></script>
  </body>
</html>