annotate Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 782:b24c208fa953

VolumeImageReslicer
author Sebastien Jodogne <s.jodogne@gmail.com>
date Mon, 27 May 2019 14:21:04 +0200
parents 8bf717c4e497
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
319
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
1 <!doctype html>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
2
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
3 <html lang="us">
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
4 <head>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
5 <meta charset="utf-8" />
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
7
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
8 <!-- Disable pinch zoom on mobile devices -->
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
10 <meta name="HandheldFriendly" content="true" />
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
11
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
12 <title>Simple Viewer</title>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
13 <link href="styles.css" rel="stylesheet" />
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
14
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
15 <body>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
16 <div id="breadcrumb">
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
17 <span id="label-patient-id"></span>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
18 <span id="label-study-description"></span>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
19 <span id="label-series-description"></span>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
20 </div>
420
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
21 <div style="height: calc(100% - 50px)">
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
22 <div style="width: 20%; height: 100%; display: inline-block">
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
23 <canvas id="canvasThumbnails"></canvas>
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
24 </div>
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
25 <div style="width: 70%; height: 100%; display: inline-block">
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
26 <canvas id="canvasMain"></canvas>
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
27 </div>
319
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
28 </div>
420
8bf717c4e497 canvas size is now defined by the parent div size
am@osimis.io
parents: 319
diff changeset
29 <div id="toolbox" style="height: 50px">
319
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
30 <button tool-selector="line-measure" class="tool-selector">line</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
31 <button tool-selector="circle-measure" class="tool-selector">circle</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
32 <button tool-selector="crop" class="tool-selector">crop</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
33 <button tool-selector="windowing" class="tool-selector">windowing</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
34 <button tool-selector="zoom" class="tool-selector">zoom</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
35 <button tool-selector="pan" class="tool-selector">pan</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
36 <button action-trigger="rotate-left" class="action-trigger">rotate left</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
37 <button action-trigger="rotate-right" class="action-trigger">rotate right</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
38 <button action-trigger="invert" class="action-trigger">invert</button>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
39 </div>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
40 <script type="text/javascript" src="app-simple-viewer.js"></script>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
41 </body>
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
42
daa04d15192c new SimpleViewer sample that has been split in multiple files to be able to scale it
am@osimis.io
parents:
diff changeset
43 </html>