const uploadInput = document.getElementById('uploadInput'); const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const resultImg = document.getElementById('resultImg'); uploadInput.addEventListener('change', handleImage); function handleImage(e) { const reader = new FileReader(); reader.onload = function(event) { const img = new Image(); img.onload = function() { canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); const overlayImg = new Image(); overlayImg.onload = function() { ctx.drawImage(overlayImg, 0, 0, img.width, img.height); resultImg.src = canvas.toDataURL('image/png'); resultImg.style.display = 'inline'; }; overlayImg.src = 'overlay.png'; // Путь к вашему файлу PNG }; img.src = event.target.result; }; reader.readAsDataURL(e.target.files[0]); }