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

Question

你好，我已经实现了如何以 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');