trash/clem.html

   1 <!DOCTYPE html>
   2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4     <meta charset="utf-8">
   5     <link rel="stylesheet" href="CSS2/clem.css">
   6     <link rel="stylesheet" href="CSS2/bootstrap-grid.css">
   7     <title>WITs-1mode</title>
   8 </head>
   9
  10 <body onLoad="main()">
  11     <header>
  12             <h1>WITs for CLEM</h1>
  13             <h3>Websystem Integrated Tems for Correlative Light and Electron Microscopy</h3>
  14             <h3>[1 CANVAS MODE]</h3>
  15             <a href="clem2.html">2 CANVAS MODE</a>
  16     </header>
  17     <main>
  18         <div class="container">
  19             <div class="row" id="canvasblock1">
  20                 <!--<div class="col-md-6">-->
  21                     <canvas  id="canvas" class="col-md-6" height="512" width="512" style="position:relative; background-color: white;"></canvas>
  22                 <!--</div>-->
  23                 <div class="col-md-4">
  24                     <form name=form1 onSubmit="return false;">
  25                         <p>
  26                         <input type="file" id="image" accept="image/*" onChange="loadFile(this.files)">
  27                         </p>
  28                         <div id="matrix">
  29                             <p>
  30                                 scaling × <input type="number" id="magnification" value="1.00" min="1.00" step="0.01" style="width: 50px;" onChange="scaling()">   <br>
  31                                 rotation <input type="number" id="angle" value="0" step="1" style="width: 50px;" onChange="rotation()">
  32                             </p>
  33                             <p>
  34                                 move x <input type="number" id="movex" value="0" onChange="moving()"><br>
  35                                 move y <input type="number" id="movey" value="0" onChange="moving()">
  36                             </p>
  37                             <p>
  38                                 <input type="button" id="reset" value="reset" onClick="reseting()">
  39                             </p>
  40                         </div>
  41                     </form>
  42                 </div>
  43             </div>
  44         </div>
  45     </main>
  46     <footer>
  47         <p></p>
  48     </footer>
  49
  50     <!--script-->
  51     <script type="text/javascript" src="JS2/draw.js"></script>
  52
  53 </body>
  54 </html>