Image Enhancer Enhance Image body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; } input { margin-bottom: 10px; } canvas { border: 1px solid #ddd; } button { margin-top: 10px; } document.getElementById('imageInput').addEventListener('change', handleImageUpload); function handleImageUpload(event) { const input = event.target; const file = input.files[0]; if (file) { const reader = new FileReader(); reader.onload = function (e) { const img = new Image(); img.src = e.target.result; img.onload = function () { const canvas = document.getElementById('outputCanvas'); const context = canvas.getContext('2d'); canvas.width = img.width; canvas.height ...