有没有办法将react-chartjs-2图表转换成pdf？

npm install jspdf html2canvas react-chartjs-2

import React from "react";
import { Bar } from "react-chartjs-2";
import jsPDF from "jspdf";
import html2canvas from "html2canvas";

const ChartToPDF = () => {
  const handleDownloadPDF = () => {
    // 获取图表的DOM元素
    const chartContainer = document.getElementById("chart-container");

    // 使用html2canvas将图表转换为图片
    html2canvas(chartContainer).then((canvas) => {
      // 将canvas转换为图像数据URL
      const imgData = canvas.toDataURL("image/png");

      // 创建一个新的PDF文档
      const pdf = new jsPDF("p", "mm", "a4");

      // 设置图像的尺寸和位置
      const imgWidth = 190;
      const imgHeight = (canvas.height * imgWidth) / canvas.width;
      const xPos = (pdf.internal.pageSize.getWidth() - imgWidth) / 2;
      const yPos = 15;

      // 将图像添加到PDF文档中
      pdf.addImage(imgData, "PNG", xPos, yPos, imgWidth, imgHeight);

      // 下载PDF文件
      pdf.save("chart.pdf");
    });
  };

  return (
    <div>
      <div id="chart-container">
        <Bar
          data={/* 图表数据 */}
          options={/* 图表选项 */}
        />
      </div>
      <button onClick={handleDownloadPDF}>生成PDF</button>
    </div>
  );
};

export default ChartToPDF;