使用React Konva将Konva-画布转换为PDF

Question

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

Answer 1

你所需要的只是一个关于Konva阶段的参考。然后你就可以：

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');