Mercurial > hg > orthanc-stone
view Applications/Samples/SimpleViewer/Wasm/simple-viewer.html @ 499:baa9e1e932db bgo-commands-codegen
wasm + ts demonstrator WORKS!
author | bgo-osimis |
---|---|
date | Sun, 24 Feb 2019 20:22:56 +0100 |
parents | 8bf717c4e497 |
children |
line wrap: on
line source
<!doctype html> <html lang="us"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- Disable pinch zoom on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="HandheldFriendly" content="true" /> <title>Simple Viewer</title> <link href="styles.css" rel="stylesheet" /> <body> <div id="breadcrumb"> <span id="label-patient-id"></span> <span id="label-study-description"></span> <span id="label-series-description"></span> </div> <div style="height: calc(100% - 50px)"> <div style="width: 20%; height: 100%; display: inline-block"> <canvas id="canvasThumbnails"></canvas> </div> <div style="width: 70%; height: 100%; display: inline-block"> <canvas id="canvasMain"></canvas> </div> </div> <div id="toolbox" style="height: 50px"> <button tool-selector="line-measure" class="tool-selector">line</button> <button tool-selector="circle-measure" class="tool-selector">circle</button> <button tool-selector="crop" class="tool-selector">crop</button> <button tool-selector="windowing" class="tool-selector">windowing</button> <button tool-selector="zoom" class="tool-selector">zoom</button> <button tool-selector="pan" class="tool-selector">pan</button> <button action-trigger="rotate-left" class="action-trigger">rotate left</button> <button action-trigger="rotate-right" class="action-trigger">rotate right</button> <button action-trigger="invert" class="action-trigger">invert</button> </div> <script type="text/javascript" src="app-simple-viewer.js"></script> </body> </html>