是否将画布从React Konva导出为SVG和PDF？

import React from 'react';
import { Stage, Layer, Rect } from 'react-konva';

const App = () => {
  const handleExportSVG = () => {
    const dataURL = stageRef.current.toDataURL({ mimeType: 'image/svg+xml' });
    const link = document.createElement('a');
    link.href = dataURL;
    link.download = 'canvas.svg';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  };

  const handleExportPDF = () => {
    const dataURL = stageRef.current.toDataURL({ mimeType: 'application/pdf' });
    const link = document.createElement('a');
    link.href = dataURL;
    link.download = 'canvas.pdf';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  };

  const stageRef = React.useRef();

  return (
    <div>
      <Stage width={500} height={500} ref={stageRef}>
        <Layer>
          <Rect
            x={20}
            y={20}
            width={100}
            height={100}
            fill="red"
            draggable
          />
        </Layer>
      </Stage>
      <button onClick={handleExportSVG}>Export as SVG</button>
      <button onClick={handleExportPDF}>Export as PDF</button>
    </div>
  );
};

export default App;