使用 React-Konva 将 Konva-Canvas 转换为 PDF

Question

你好，我已经实现了如何将 canvas 保存为 png 和 jpeg，但我想将其保存为 pdf 我已经从这里看到了 JavaScript 的代码：https://konvajs.org/docs/sandbox/Canvas_to_PDF.html 我想知道它是如何在 React 中实现的 这是我的演示代码： https://codesandbox.io/s/react-canvas-n779q2?file=/src/App.js

Answer 1

您所需要的只是对 Konva Stage 的引用。然后你可以这样做：

var pdf = new jsPDF('l', 'px', [stage.width(), stage.height()]);
pdf.addImage(
  stage.toDataURL({ pixelRatio: 2 }),
  0,
  0,
  stage.width(),
  stage.height()
);

pdf.save('canvas.pdf');