Equivalent in Millimeters: ${millimeters.toFixed(3)} mm

`; downloadPdfButton.style.display = 'block'; // Show PDF button // Store calculated data for PDF generation resultArea.dataset.pointsValue = points.toFixed(2); resultArea.dataset.millimetersValue = millimeters.toFixed(3); } /** * Clears the input field, hides the result area, and hides the PDF button. */ function clearAll() { const pointsInput = document.getElementById('pointsInput'); const resultArea = document.getElementById('resultArea'); const downloadPdfButton = document.getElementById('downloadPdfButton'); if (pointsInput) { pointsInput.value = ''; } if (resultArea) { resultArea.style.display = 'none'; resultArea.innerHTML = ''; // Clear stored data for PDF delete resultArea.dataset.pointsValue; delete resultArea.dataset.millimetersValue; } if (downloadPdfButton) { downloadPdfButton.style.display = 'none'; } } /** * Generates a PDF report of the Points to Millimeters conversion. */ function generatePdf() { // Check if jsPDF library is loaded if (typeof window.jspdf === 'undefined' || typeof window.jspdf.jsPDF === 'undefined') { console.error('jsPDF library not loaded. Cannot generate PDF.'); const resultArea = document.getElementById('resultArea'); if (resultArea) { resultArea.innerHTML = '

PDF generation failed. Library not loaded.

'; } return; } const { jsPDF } = window.jspdf; const doc = new jsPDF(); const resultArea = document.getElementById('resultArea'); // Retrieve stored data for PDF const pointsValue = resultArea.dataset.pointsValue || 'N/A'; const millimetersValue = resultArea.dataset.millimetersValue || 'N/A'; const generationDate = new Date().toLocaleString(); let yOffset = 20; // Title doc.setFontSize(24); doc.setTextColor(44, 62, 80); doc.text("Points to Millimeters Conversion Report", 105, yOffset, { align: 'center' }); yOffset += 20; // Conversion Details doc.setFontSize(16); doc.setTextColor(51, 51, 51); doc.text(`Input Points: ${pointsValue} pt`, 20, yOffset); yOffset += 10; doc.text(`Converted Millimeters: ${millimetersValue} mm`, 20, yOffset); yOffset += 20; // Formula Explanation doc.setFontSize(12); doc.setTextColor(80, 80, 80); doc.text("Formula Used:", 20, yOffset); yOffset += 10; doc.setFont('courier'); // Monospace for formula doc.text("millimeters = (points / 72) * 25.4", 25, yOffset); doc.setFont('helvetica'); // Reset font yOffset += 15; doc.text("Explanation:", 20, yOffset); yOffset += 7; const explanationText = "A 'point' (pt) is a unit of length commonly used in typography and desktop publishing, typically defined as 1/72 of an international inch. There are 25.4 millimeters in one inch. Therefore, to convert points to millimeters, we first convert points to inches (by dividing by 72) and then convert inches to millimeters (by multiplying by 25.4)."; const splitExplanation = doc.splitTextToSize(explanationText, 170); doc.text(splitExplanation, 25, yOffset); yOffset += (splitExplanation.length * 7) + 20; // Example Table doc.setFontSize(12); doc.text("Examples:", 20, yOffset); yOffset += 10; const exampleData = [ ["Points (pt)", "Millimeters (mm)"], ["1", (1 / 72 * 25.4).toFixed(3)], ["10", (10 / 72 * 25.4).toFixed(3)], ["12", (12 / 72 * 25.4).toFixed(3)], ["72", (72 / 72 * 25.4).toFixed(3)], ["144", (144 / 72 * 25.4).toFixed(3)] ]; doc.autoTable({ startY: yOffset, head: [exampleData[0]], body: exampleData.slice(1), theme: 'grid', styles: { fontSize: 10, cellPadding: 2, fillColor: [255, 255, 255] }, headStyles: { fillColor: [209, 236, 241], textColor: [12, 84, 96], fontStyle: 'bold' }, alternateRowStyles: { fillColor: [242, 242, 242] }, columnStyles: { 0: { halign: 'center' }, 1: { halign: 'center' } }, margin: { left: 20, right: 20 }, didDrawPage: function(data) { // Footer for each page doc.setFontSize(9); doc.setTextColor(150, 150, 150); doc.text(`Report Generated: ${generationDate}`, 20, doc.internal.pageSize.height - 15); doc.text("Points to Millimeters Converter Tool", doc.internal.pageSize.width - 20, doc.internal.pageSize.height - 15, { align: 'right' }); } }); doc.save("Points_to_Millimeters_Conversion_Report.pdf"); }