Mercurial > hg > orthanc-stone
comparison Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 420:8bf717c4e497
canvas size is now defined by the parent div size
| author | am@osimis.io |
|---|---|
| date | Mon, 19 Nov 2018 12:45:37 +0100 |
| parents | daa04d15192c |
| children |
comparison
equal
deleted
inserted
replaced
| 419:d638d5721f1c | 420:8bf717c4e497 |
|---|---|
| 16 <div id="breadcrumb"> | 16 <div id="breadcrumb"> |
| 17 <span id="label-patient-id"></span> | 17 <span id="label-patient-id"></span> |
| 18 <span id="label-study-description"></span> | 18 <span id="label-study-description"></span> |
| 19 <span id="label-series-description"></span> | 19 <span id="label-series-description"></span> |
| 20 </div> | 20 </div> |
| 21 <div> | 21 <div style="height: calc(100% - 50px)"> |
| 22 <canvas id="canvasThumbnails" data-width-ratio="20" data-height-ratio="50"></canvas> | 22 <div style="width: 20%; height: 100%; display: inline-block"> |
| 23 <canvas id="canvasMain" data-width-ratio="70" data-height-ratio="50"></canvas> | 23 <canvas id="canvasThumbnails"></canvas> |
| 24 </div> | |
| 25 <div style="width: 70%; height: 100%; display: inline-block"> | |
| 26 <canvas id="canvasMain"></canvas> | |
| 27 </div> | |
| 24 </div> | 28 </div> |
| 25 <div id="toolbox"> | 29 <div id="toolbox" style="height: 50px"> |
| 26 <button tool-selector="line-measure" class="tool-selector">line</button> | 30 <button tool-selector="line-measure" class="tool-selector">line</button> |
| 27 <button tool-selector="circle-measure" class="tool-selector">circle</button> | 31 <button tool-selector="circle-measure" class="tool-selector">circle</button> |
| 28 <button tool-selector="crop" class="tool-selector">crop</button> | 32 <button tool-selector="crop" class="tool-selector">crop</button> |
| 29 <button tool-selector="windowing" class="tool-selector">windowing</button> | 33 <button tool-selector="windowing" class="tool-selector">windowing</button> |
| 30 <button tool-selector="zoom" class="tool-selector">zoom</button> | 34 <button tool-selector="zoom" class="tool-selector">zoom</button> |