Mercurial > hg > orthanc-stone
annotate Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 879:12b591d5d63c am-dev
some Qt integration (wip)
author | Alain Mazy <alain@mazy.be> |
---|---|
date | Fri, 05 Jul 2019 14:52:43 +0200 |
parents | 8bf717c4e497 |
children |
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> |