index.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width">
  5. <title>eval</title>
  6. <style>
  7. * {
  8. box-sizing: border-box;
  9. margin: 0;
  10. padding: 0;
  11. }
  12. body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. button{
  17. width: 100%;
  18. font-size: 2em;
  19. }
  20. input, button, select{
  21. width: 100%;
  22. font-size: 2em;
  23. }
  24. table {
  25. border: 1px;
  26. border-collapse: collapse;
  27. }
  28. td,th {
  29. border: 1px solid black;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <canvas id='canvas' width=400 height=400></canvas>
  35. <button id='undo'>UNDO</button>
  36. <input type='color' id='color'>
  37. <select id='tool'>
  38. <option value='graffity'>Graffity</option>
  39. <option value='circle'>Circle</option>
  40. <option value='line'>Line</option>
  41. <option value='rectangle'>Rectangle</option>
  42. <option value='ellipse'>Ellipse</option>
  43. <option value='select'>Select</option>
  44. </select>
  45. <input type='number' id='size' value=10>
  46. <button id='delete'>Delete</button>
  47. <script src="main.js"></script>
  48. </body>
  49. </html>