pdfmake -在ANGULAR 4中将SVG转换为image64

import { Component, Renderer2, ElementRef } from '@angular/core';

@Component({
  selector: 'app-pdf-generator',
  templateUrl: './pdf-generator.component.html',
  styleUrls: ['./pdf-generator.component.css']
})
export class PdfGeneratorComponent {
  constructor(private renderer: Renderer2, private el: ElementRef) {}

  generatePDF() {
    const svgElement = this.el.nativeElement.querySelector('#svgElement');
    const svgContent = this.renderer.innerHTML(svgElement);
    // 将svgContent转换为image64
    // ...
  }
}

import * as pdfMake from 'pdfmake/build/pdfmake';
import * as pdfFonts from 'pdfmake/build/vfs_fonts';

pdfMake.vfs = pdfFonts.pdfMake.vfs;

generatePDF() {
  const svgElement = this.el.nativeElement.querySelector('#svgElement');
  const svgContent = this.renderer.innerHTML(svgElement);

  const canvas = document.createElement('canvas');
  canvg(canvas, svgContent);
  const image64 = canvas.toDataURL('image/png');

  const docDefinition = {
    content: [
      { text: 'PDF with SVG Image', style: 'header' },
      { image: image64, width: 200, height: 200 }
    ],
    styles: {
      header: {
        fontSize: 18,
        bold: true,
        margin: [0, 0, 0, 10]
      }
    }
  };

  pdfMake.createPdf(docDefinition).open();
}