Mercurial > hg > orthanc-stone
comparison Applications/Samples/Deprecated/SimpleViewer/Wasm/simple-viewer.html @ 1347:bfd77672d825 broker
Moved Application/Samples/* to Application/Samples/Deprecated/*
author | Benjamin Golinvaux <bgo@osimis.io> |
---|---|
date | Tue, 07 Apr 2020 14:29:01 +0200 |
parents | Applications/Samples/SimpleViewer/Wasm/simple-viewer.html@8bf717c4e497 |
children |
comparison
equal
deleted
inserted
replaced
1346:df8bf351c23f | 1347:bfd77672d825 |
---|---|
1 <!doctype html> | |
2 | |
3 <html lang="us"> | |
4 <head> | |
5 <meta charset="utf-8" /> | |
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
7 | |
8 <!-- Disable pinch zoom on mobile devices --> | |
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
10 <meta name="HandheldFriendly" content="true" /> | |
11 | |
12 <title>Simple Viewer</title> | |
13 <link href="styles.css" rel="stylesheet" /> | |
14 | |
15 <body> | |
16 <div id="breadcrumb"> | |
17 <span id="label-patient-id"></span> | |
18 <span id="label-study-description"></span> | |
19 <span id="label-series-description"></span> | |
20 </div> | |
21 <div style="height: calc(100% - 50px)"> | |
22 <div style="width: 20%; height: 100%; display: inline-block"> | |
23 <canvas id="canvasThumbnails"></canvas> | |
24 </div> | |
25 <div style="width: 70%; height: 100%; display: inline-block"> | |
26 <canvas id="canvasMain"></canvas> | |
27 </div> | |
28 </div> | |
29 <div id="toolbox" style="height: 50px"> | |
30 <button tool-selector="line-measure" class="tool-selector">line</button> | |
31 <button tool-selector="circle-measure" class="tool-selector">circle</button> | |
32 <button tool-selector="crop" class="tool-selector">crop</button> | |
33 <button tool-selector="windowing" class="tool-selector">windowing</button> | |
34 <button tool-selector="zoom" class="tool-selector">zoom</button> | |
35 <button tool-selector="pan" class="tool-selector">pan</button> | |
36 <button action-trigger="rotate-left" class="action-trigger">rotate left</button> | |
37 <button action-trigger="rotate-right" class="action-trigger">rotate right</button> | |
38 <button action-trigger="invert" class="action-trigger">invert</button> | |
39 </div> | |
40 <script type="text/javascript" src="app-simple-viewer.js"></script> | |
41 </body> | |
42 | |
43 </html> |