annotate Samples/WebAssembly/BasicMPR.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 d71cf8504159
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
820
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
1 <!doctype html>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
2 <html lang="en-us">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
3 <head>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
4 <meta charset="utf-8">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
6
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
7 <!-- Disable pinch zoom on mobile devices -->
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
9 <meta name="HandheldFriendly" content="true" />
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
10
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
11
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
12 <title>Stone of Orthanc</title>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
13
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
14 <style>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
15 html, body {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
16 width: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
17 height: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
18 margin: 0px;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
19 border: 0;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
20 overflow: hidden; /* Disable scrollbars */
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
21 display: block; /* No floating content on sides */
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
22 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
23
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
24 #mycanvas1 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
25 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
26 left:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
27 top:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
28 background-color: red;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
29 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
30 height: 100%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
31 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
32
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
33 #mycanvas2 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
34 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
35 left:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
36 top:0%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
37 background-color: green;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
38 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
39 height: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
40 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
41
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
42 #mycanvas3 {
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
43 position:absolute;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
44 left:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
45 top:50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
46 background-color: blue;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
47 width: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
48 height: 50%;
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
49 }
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
50 </style>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
51 </head>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
52 <body>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
53 <canvas id="mycanvas1" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
54 <canvas id="mycanvas2" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
55 <canvas id="mycanvas3" oncontextmenu="return false;"></canvas>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
56
831
d71cf8504159 handling of GET arguments
Sebastien Jodogne <s.jodogne@gmail.com>
parents: 820
diff changeset
57 <script type="text/javascript" src="app.js"></script>
820
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
58 <script type="text/javascript" async src="BasicMPR.js"></script>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
59 </body>
270c31978df1 BasicMPR sample
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
diff changeset
60 </html>