document.getElementById('generate-card').addEventListener('click', function() { var text = document.getElementById('invitation-text').value; var cardContainer = document.getElementById('card-container'); cardContainer.innerHTML = ''; // Create canvas var canvas = document.createElement('canvas'); canvas.width = 800; canvas.height = 600; var ctx = canvas.getContext('2d'); // Draw background ctx.fillStyle = '#FFD700'; // Example background color ctx.fillRect(0, 0, canvas.width, canvas.height); // Draw text ctx.fillStyle = '#000000'; ctx.font = '30px Arial'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; var lines = text.split('\n'); var lineHeight = 40; for (var i = 0; i < lines.length; i++) { ctx.fillText(lines[i], canvas.width / 2, (canvas.height / 2) - (lines.length / 2) * lineHeight + i * lineHeight); } // Append canvas to container cardContainer.appendChild(canvas); // Generate download link var downloadLink = document.getElementById('download-link'); downloadLink.href = canvas.toDataURL('image/jpeg'); downloadLink.style.display = 'block'; }); editedplus.t2 – weddingcard

weddingcard

Author: editedplus.t2