quadratic-vis.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0112)file:///home/moose/Downloads/LaTeX-examples/documents/math-minimal-distance-to-cubic-function/quadratic-vis.html -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <meta charset="UTF-8">
  5. <title>Quadratic visualization</title>
  6. <style type="text/css">
  7. span.hint {
  8. border-bottom:1px dotted #666;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <table>
  14. <tbody><tr>
  15. <td><span class="hint" title="constat for x*x">a</span></td>
  16. <td><input type="number" step="1" value="1" id="a" min="1" onchange="updateBoard()"></td>
  17. <td><span class="hint" title="constant for x">b</span></td>
  18. <td><input type="number" step="1" value="1" id="b" min="1" onchange="updateBoard()"></td>
  19. <td><span class="hint" title="constant">c</span></td>
  20. <td><input type="number" step="1" value="1" id="c" min="1" onchange="updateBoard()"></td>
  21. </tr>
  22. <tr>
  23. <td><span class="hint" title="">STRETCH_X</span></td>
  24. <td><input type="number" step="1" value="3" id="STRETCH_X" min="1" onchange="updateBoard()"></td>
  25. <td><span class="hint" title="">STRETCH_Y</span></td>
  26. <td><input type="number" step="0.25" value="0.5" id="STRETCH_Y" min="0.1" onchange="updateBoard()"></td>
  27. <td><span class="hint" title="">X_OFFSET</span></td>
  28. <td><input type="number" step="16" value="-128" id="X_OFFSET" onchange="updateBoard()"></td>
  29. <td><span class="hint" title="">Y_OFFSET</span></td>
  30. <td><input type="number" step="16" value="256" id="Y_OFFSET" onchange="updateBoard()"></td>
  31. </tr>
  32. <tr>
  33. <td><span class="hint" title="visualize distance">pDistance</span></td>
  34. <td><input type="checkbox" id="pDistance" onchange="updateBoard()"></td>
  35. <td><span class="hint" title="How much will points be spread for voronoi? USE 1 WITH CAUTION! The bigger the value, the quicker the computation.">spread</span></td>
  36. <td><input type="number" step="1" value="1" id="density" min="1" onchange="updateBoard()"></td>
  37. <td><a href="quadratic-vis.html">clear board</a></td>
  38. </tr>
  39. </tbody></table>
  40. <canvas id="myCanvas" width="1316" height="535" style="border: 1px solid rgb(0, 0, 0); cursor: crosshair;"> </canvas>
  41. <script type="text/javascript" src="quadratic-vis.js">
  42. </script>
  43. </body></html>