1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <title>paint</title>
- <style>
- * {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- }
- body {
- margin: 0;
- padding: 0;
- }
- button{
- width: 100%;
- font-size: 2em;
- }
- input, button, select{
- width: 100%;
- font-size: 2em;
- }
- table {
- border: 1px;
- border-collapse: collapse;
- }
- td,th {
- border: 1px solid black;
- }
- </style>
- </head>
- <body>
- <canvas id='canvas' width=400 height=400></canvas>
- <button id='undo'>UNDO</button>
- <input type='color' id='color'>
- <select id='tool'>
- <option value='graffity'>Graffity</option>
- <option value='circle'>Circle</option>
- <option value='line'>Line</option>
- <option value='rectangle'>Rectangle</option>
- <option value='ellipse'>Ellipse</option>
- <option value='select'>Select</option>
- </select>
- <input type='number' id='size' value=10>
- <button id='delete'>Delete</button>
- <script src="main.js"></script>
- </body>
- </html>
|