Image Editor Image Editor Download Image Adjustments Brightness: Contrast: Saturation: Resize: function drawImage() { canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); applyFilters(); } function applyFilters() { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.filter = ` brightness(${brightnessInput.value}%) contrast(${contrastInput.value}%) saturate(${saturationInput.value}%) `; ctx.drawImage(img, 0, 0, img.width * resizeInput.value, img.height * resizeInput.value); } brightnessInput.addEventListener(‘input’, applyFilters); contrastInput.addEventListener(‘input’, applyFilters); saturationInput.addEventListener(‘input’, applyFilters); […]
