Mercurial > hg > orthanc-stone
comparison Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 319:daa04d15192c am-2
new SimpleViewer sample that has been split in multiple files to be able to scale it
| author | am@osimis.io |
|---|---|
| date | Thu, 11 Oct 2018 13:16:54 +0200 |
| parents | |
| children | 8bf717c4e497 |
comparison
equal
deleted
inserted
replaced
| 318:3a4ca166fafa | 319:daa04d15192c |
|---|---|
| 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> | |
| 22 <canvas id="canvasThumbnails" data-width-ratio="20" data-height-ratio="50"></canvas> | |
| 23 <canvas id="canvasMain" data-width-ratio="70" data-height-ratio="50"></canvas> | |
| 24 </div> | |
| 25 <div id="toolbox"> | |
| 26 <button tool-selector="line-measure" class="tool-selector">line</button> | |
| 27 <button tool-selector="circle-measure" class="tool-selector">circle</button> | |
| 28 <button tool-selector="crop" class="tool-selector">crop</button> | |
| 29 <button tool-selector="windowing" class="tool-selector">windowing</button> | |
| 30 <button tool-selector="zoom" class="tool-selector">zoom</button> | |
| 31 <button tool-selector="pan" class="tool-selector">pan</button> | |
| 32 <button action-trigger="rotate-left" class="action-trigger">rotate left</button> | |
| 33 <button action-trigger="rotate-right" class="action-trigger">rotate right</button> | |
| 34 <button action-trigger="invert" class="action-trigger">invert</button> | |
| 35 </div> | |
| 36 <script type="text/javascript" src="app-simple-viewer.js"></script> | |
| 37 </body> | |
| 38 | |
| 39 </html> |