14 August Photo Frame Generator
const frameImage = new Image(); frameImage.src = "https://i.imgur.com/GsXeAJo.png"; // Replace with your own frame
upload.addEventListener("change", function (e) { const reader = new FileReader(); reader.onload = function (event) { const img = new Image(); img.onload = function () { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); frameImage.onload = function () { ctx.drawImage(frameImage, 0, 0, canvas.width, canvas.height); }; ctx.drawImage(frameImage, 0, 0, canvas.width, canvas.height); }; img.src = event.target.result; }; reader.readAsDataURL(e.target.files[0]); });
function downloadImage() { const link = document.createElement("a"); link.download = "14_august_photo.png"; link.href = canvas.toDataURL(); link.click(); }