Skip to content

Commit 0a8a329

Browse files
updated
1 parent f3350eb commit 0a8a329

3 files changed

Lines changed: 22 additions & 20 deletions

File tree

26_miniproject/project02/index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<title>Bonafide Certificate Generator</title>
77
<link rel="stylesheet" href="style.css" />
88
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
9+
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.8.0/html2pdf.bundle.min.js" integrity="sha512-w3u9q/DeneCSwUDjhiMNibTRh/1i/gScBVp2imNVAMCt6cUHIw6xzhzcPFIaL3Q1EbI2l+nu17q2aLJJLo4ZYg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
910
</head>
1011
<body>
1112

@@ -131,7 +132,7 @@ <h2 class="text-center">TO WHOM IT MAY CONCERN</h2>
131132
</div>
132133

133134
</div>
134-
135+
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
135136
<script src="script.js"></script>
136137
</body>
137138
</html>

26_miniproject/project02/script.js

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -40,22 +40,23 @@ document.getElementById('generate-btn').addEventListener('click', () => {
4040
});
4141

4242
document.getElementById('download-btn').addEventListener('click', () => {
43-
const cert = document.getElementById('certificate');
44-
45-
// Ensure certificate is visible
46-
cert.style.display = 'block';
47-
48-
// Small delay to allow DOM to paint before capturing
49-
setTimeout(() => {
50-
const opt = {
51-
margin: 0.5,
52-
filename: 'bonafide_certificate.pdf',
53-
image: { type: 'jpeg', quality: 0.98 },
54-
html2canvas: { scale: 2 },
55-
jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' }
56-
};
57-
58-
html2pdf().set(opt).from(cert).save();
59-
console.error("errpr", err);
60-
}, 500);
43+
const printCertificate = document.getElementById('certificate');
44+
45+
// Ensure certificate is visible
46+
printCertificate.style.display = 'block';
47+
console.log("printCertificate", printCertificate);
48+
49+
// Small delay to allow DOM to paint before capturing
50+
setTimeout(() => {
51+
const opt = {
52+
margin: 0.5,
53+
filename: 'bonafide_certificate.pdf',
54+
image: { type: 'jpeg', quality: 0.98 },
55+
html2canvas: { scale: 2 },
56+
jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' }
57+
};
58+
59+
html2pdf().set(opt).from(printCertificate).save();
60+
}, 500);
61+
console.log("printCertificate", printCertificate);
6162
});

26_miniproject/project03/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ <h2 class="text-center">TO WHOM IT MAY CONCERN</h2>
130130
</div>
131131

132132
</div>
133-
133+
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
134134
<script src="script.js"></script>
135135
</body>
136136
</html>

0 commit comments

Comments
 (0)