Untitled
unknown
plain_text
2 years ago
6.3 kB
4
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>JTI Career</title> <base href="/" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" type="image/x-icon" href="favicon.ico" /> <!-- CSS Bootstrap --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" media="all" /> <!-- JS Bootstrap --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous" ></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script> <script src="assets/js/print.js"></script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script> <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script> <script> function getPDF() { $("#downloadbtn").hide(); $("#genmsg").show(); var HTML_Width = $(".canvas_div_pdf").width(); var HTML_Height = $(".canvas_div_pdf").height(); var top_left_margin = 15; var PDF_Width = HTML_Width + top_left_margin * 2; var PDF_Height = PDF_Width * 1 + top_left_margin * 2; var canvas_image_width = HTML_Width; var canvas_image_height = HTML_Height; var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1; html2canvas($(".canvas_div_pdf")[0], { allowTaint: true }).then( function (canvas) { canvas.getContext("2d"); console.log(canvas.height + " " + canvas.width); var imgData = canvas.toDataURL("image/jpeg", 1.0); var pdf = new jsPDF("p", "mm", [PDF_Width, PDF_Height]); // pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin,canvas_image_width,canvas_image_height); pdf.addImage( imgData, "PNG", top_left_margin, top_left_margin, canvas_image_width, canvas_image_height ); for (var i = 1; i <= totalPDFPages; i++) { pdf.addPage([PDF_Width, PDF_Height], "p"); // pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height*i)+(top_left_margin*4),canvas_image_width,canvas_image_height); pdf.addImage( imgData, "PNG", top_left_margin, -(PDF_Height * i) + top_left_margin * 4, canvas_image_width, canvas_image_height ); } pdf.save("candidate-name.pdf"); setTimeout(function () { $("#downloadbtn").show(); $("#genmsg").hide(); }, 100); } ); } </script> <script> function getPDF2() { $("#downloadbtn").hide(); $("#genmsg").show(); var HTML_Width = $(".canvas_div_pdf").width(); console.log(HTML_Width); var HTML_Height = $(".canvas_div_pdf").height(); console.log(HTML_Height); var top_left_margin = 15; var multiplier = 30; var PDF_Width = HTML_Width + top_left_margin * 2; var PDF_Height = PDF_Width * 1 + top_left_margin * 2; console.log(PDF_Width); console.log(PDF_Height); var canvas_image_width = HTML_Width; var canvas_image_height = HTML_Height + multiplier * 12; var totalPDFPages = Math.ceil(HTML_Height / PDF_Height) - 1; html2canvas($(".canvas_div_pdf")[0], { allowTaint: true }).then( function (canvas) { canvas.getContext("2d"); console.log(canvas.height + " " + canvas.width); var imgData = canvas.toDataURL("image/jpeg", 1.0); var pdf = new jsPDF("p", "mm", [PDF_Width, PDF_Height]); // pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin,canvas_image_width,canvas_image_height); pdf.addImage( imgData, "PNG", top_left_margin, top_left_margin, canvas_image_width, canvas_image_height ); for (var i = 1; i <= totalPDFPages; i++) { pdf.addPage([PDF_Width, PDF_Height], "p"); console.log(i + "-" + PDF_Height + "-" + PDF_Width); // pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height*i)+(top_left_margin*4),canvas_image_width,canvas_image_height); pdf.addImage( imgData, "PNG", top_left_margin, -(PDF_Height * i) + top_left_margin * 4, canvas_image_width, canvas_image_height ); } pdf.save("contract.pdf"); setTimeout(function () { $("#downloadbtn").show(); $("#genmsg").hide(); }, 100); } ); } </script> <!-- Angular Material Icon --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <!--new Font Awsome--> <link rel="stylesheet" href="assets/fontawesome/css/all.min.css" as="style" /> <link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet" /> </head> <body> <app-root></app-root> </body> </html>
Editor is loading...