1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <link rel="stylesheet" href="css/main.css">
- </head>
- <body>
- <canvas id='canvas' width=800 height=500></canvas>
- <button id='undo'>UNDO</button>
- <button id='clear'>CLEAR</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="triangle">Triangle</option>
- <option value="right_triangle">Right Triangle</option>
- <option value='select'>Select</option>
- </select>
- <input type='number' id='size' value=10>
- <button id='delete'>Delete...</button>
- <script src="js/main.js"></script>
- </body>
- </html>
|