Material: ${materialNames[material]}

Gemstones: ${gemNames[gemColor]}

Style: ${styleNames[style]} Ornamentation

Estimated Value: ${calculateValue(material, gemColor)} gold pieces

`; document.getElementById('crownDetails').innerHTML = details; console.log("Generated specs:", details); } function calculateValue(material, gemColor) { let value = 0; switch(material) { case 'gold': value += 500; break; case 'silver': value += 300; break; case 'platinum': value += 800; break; default: value += 500; } switch(gemColor) { case 'ruby': value += 1200; break; case 'sapphire': value += 1000; break; case 'emerald': value += 900; break; case 'topaz': value += 400; break; case 'amethyst': value += 600; break; case 'diamond': value += 1500; break; default: value += 1200; } return value.toLocaleString(); } function downloadPdf() { if (!canvas || canvas.getObjects().length === 0) { alert("Please design a crown first"); return; } const pdf = new jsPDF('p', 'mm', 'a4'); const title = "Fantasy Crown Blueprint"; pdf.setFontSize(20); pdf.setTextColor(138, 109, 59); pdf.text(title, 105, 20, { align: 'center' }); const crownImg = canvas.toDataURL('image/png'); pdf.addImage(crownImg, 'PNG', 30, 40, 150, 80); pdf.setFontSize(12); pdf.setTextColor(0, 0, 0); const specs = document.getElementById('crownDetails').innerText; const splitText = pdf.splitTextToSize(specs, 180); pdf.text(splitText, 20, 140); pdf.setDrawColor(138, 109, 59); pdf.setLineWidth(0.5); pdf.rect(10, 10, 190, 277); pdf.save('Fantasy_Crown_Blueprint.pdf'); console.log("PDF downloaded"); } // Initialize on load window.addEventListener('load', () => { console.log("Window loaded, initializing canvas"); initCanvas(); }); window.addEventListener('resize', updateCanvasSize);