如何在reactjs中使用jspdf从svg生成pdf？

npm install jspdf canvg

import React from 'react';
import { jsPDF } from 'jspdf';
import canvg from 'canvg';

function ExportPDF() {
  const svgRef = React.useRef(null);

  const downloadPdf = () => {
    const svgElement = svgRef.current;
    const svgString = new XMLSerializer().serializeToString(svgElement);

    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    canvg(ctx, svgString, {
      ignoreMouse: true,
      ignoreAnimation: true,
    });

    const imgData = canvas.toDataURL('image/png');

    const pdf = new jsPDF({
      orientation: 'landscape',
    });

    pdf.addImage(imgData, 'PNG', 0, 0);
    pdf.save('download.pdf');
  };

  return (
    <div>
      <svg ref={svgRef} width="200" height="200">
        {/* Example SVG */}
        <circle cx="100" cy="100" r="80" fill="green" />
      </svg>
      <button onClick={downloadPdf}>Download PDF</button>
    </div>
  );
}

export default ExportPDF;