index.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>геометрия блять</title>
  7. <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.3/papaparse.min.js"></script>
  9. <script src="http://gitlab.a-level.com.ua/gitgod/nanobind/raw/master/static/nb.js"></script>
  10. <style>
  11. * {
  12. box-sizing: border-box;
  13. margin: 0;
  14. padding: 0;
  15. }
  16. body {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. button{
  21. width: 100%;
  22. font-size: 2em;
  23. }
  24. input, button, select{
  25. width: 100%;
  26. font-size: 2em;
  27. }
  28. table {
  29. border: 1px;
  30. border-collapse: collapse;
  31. }
  32. td,th {
  33. border: 1px solid black;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <canvas id='canvas' width=1500 height=400></canvas>
  39. <button id='undo'>UNDO</button>
  40. <input type='color' id='color'>
  41. <select id='tool'>
  42. <option value='graffity'>Graffity</option>
  43. <option value='circle' selected>Circle</option>
  44. <option value='ellipse' >Ellipse</option>
  45. <option value='line'>Line</option>
  46. <option value='rect'>Rectangle</option>
  47. <option value='select'>Select</option>
  48. </select>
  49. <input type='number' id='size' value=10>
  50. <button id='delete'>Delete...</button>
  51. <script src="index.js"></script>
  52. </body>
  53. </html>