voronoi_pcb.html

<html>
  <head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <title>PCB Voronoi v0.1</title>
    <style type='text/css'>
    body { font-family: sans-serif; }
    </style>
    <script src="voronoi.js"></script>
  </head>
  <body>
    <div id="paramsDiv">
      <form>        
        <table>
          <tr>
            <td>
              gcode header:<br />
              <textarea rows="7" cols="50" id='gheader'>
M05 S0
G90
G1Z0
G21
G1 F3500
G1  X0 Y0
G4 P0
              </textarea>
            </td>
            <td>
              gcode footer:<br />
              <textarea rows="7" cols="50" id='gfooter'>
G4 P0
M05 S0
G1 F3500
G1 X0 Y0
M30
              </textarea>
            </td>
          </tr>
          <tr>
            <td>
              gcode begin jog:<br />
              <textarea rows="7" cols="50" id='gjog'>
M05 S0
G1 F3500
              </textarea>
            </td>
            <td>
              gcode begin cut:<br />
              <textarea rows="7" cols="50" id='gcut'>
M03 G1Z0 S1000
G4 P0
G1 F2000
              </textarea>
            </td>
          </tr>
        </table>
        <br />Source image Resolution in dpi or dpcm: &nbsp;<input type="text" id="resolution" value="600dpi"  size="9"/><br /><br />
        <input type="file" id="selectedFile" style="display: none;" onclick='fileButtonClicked();' onchange='loadImage();' />
        <input type="button" value="Select Image File and Start" onclick="document.getElementById('selectedFile').click();" /><br />
      </form>
    </div>
    <label id="status">Status: Ready.</label><br /> 
    <canvas id="canvas" width="100" height="100" style="border:1px solid #40404040;"></canvas> 
  </body>
</html>
