Невозможно экспортировать QR-код из HTMLCanvasElement в PDF (ReactJS) - PullRequest
Новая
       26

Невозможно экспортировать QR-код из HTMLCanvasElement в PDF (ReactJS)

0 голосов
/ 10 июля 2020

Я пытался экспортировать компонент QRcode из «qrcode.react» в PDF в виде изображения с помощью «jsPDF», но все, что у меня есть, это черный квадрат в PDF. 

import QRCode from "qrcode.react";
import jsPDF from "jspdf";

const qrBulk = Array.from({ length: 1 }).map(() => {
      return ReactDomServer.renderToStaticMarkup(
        <QRCode value="http://facebook.github.io/react/" />
      );
    });
const pdf = new jsPDF();
const doc = new DOMParser().parseFromString(qrBulk[0], "text/html");
const canvas = doc.body.firstChild;
const imgData = canvas.toDataURL("image/jpeg", 1.0);

pdf.addImage(
      imgData,
      "JPEG",
      pdf.internal.pageSize.getWidth() / 4,
      (pdf.internal.pageSize.getWidth() / 10) * 2,
      pdf.internal.pageSize.getWidth() / 2,
      pdf.internal.pageSize.getHeight() / 3
    );

pdf.save("download.pdf");

Кто-нибудь знаете, что может быть не так? Любой указатель будет отличным подспорьем! Спасибо.

...