October 24, 2024
Chicago 12, Melborne City, USA
javascript

htm2Pdf Package


I have an HTML table below there are some social media icons, by using html2Pdf Package I have converted the table and icons into a PDF, and after the PDF is being generated I am not being redirected to links present inside the image.

const pdfName = `invoice_${formatDate(new Date(), "DDMMYYYY")}.pdf`;
var options = {
  margin: 10,
  filename: pdfName,
  // image: { type: "jpeg", quality: 0.98 },
  html2canvas: {
    scale: 2,
    useCORS: true,
    letterRendering: true,
    allowTaint: true
  },
  jsPDF: {
    unit: "mm",
    format: "a4",
    orientation: "portrait"
  }
};
setTimeout(() => {
  let makepdf = document.getElementById("pdf");
  html2pdf().set(options).from(makepdf).toPdf().save();
}, 1000);
<div id="pdf" className="container mt-3">
  <p className="fs-w600">ORIGINAL FOR RECIPIENTSs</p>
  <table>
    <tr>
      <th className="text-center text-uppercase small font-weight-bold px-1">
        S.No.
      </th>
      <th className="text-center text-uppercase small font-weight-bold">
        Amount in ₹
      </th>
    </tr>
    <tbody>
    </tbody>
  </table>
  <a
    target="_blank"
    className="cursor-pointer text-decoration"
    href={`https://www.facebook.com}
    rel="noreferrer"
  >
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      width="20px"
      height="20px"
    >
    </svg>
    {"  "}
  </a>

When the PDF is being rendered I am not able to redirect to the URL in the SVP. When its being clicked how is it being done by using html2pdf or is there any other way?



You need to sign in to view this answers

Leave feedback about this

  • Quality
  • Price
  • Service

PROS

+
Add Field

CONS

+
Add Field
Choose Image
Choose Video