Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Simple Image Editor</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <h1>Simple Image Editor</h1> | |
| <input type="file" id="upload" accept="image/*"><br><br> | |
| <div class="controls"> | |
| <label>Brightness</label> | |
| <input type="range" id="brightness" min="0" max="200" value="100"> | |
| <label>Contrast</label> | |
| <input type="range" id="contrast" min="0" max="200" value="100"> | |
| <label>Blur</label> | |
| <input type="range" id="blur" min="0" max="20" value="0"> | |
| <label>Sharpen</label> | |
| <input type="range" id="sharpen" min="0" max="5" value="0"> | |
| <label>Grayscale</label> | |
| <input type="range" id="gray" min="0" max="100" value="0"> | |
| </div> | |
| <canvas id="canvas"></canvas> | |
| <button id="download">Download Edited Image</button> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |