Angular 中的 html2canvas - 无法调用类型缺少调用签名的表达式

解决Angular中html2canvas无法调用类型缺少调用签名的表达式的问题

bash
   npm install @types/html2canvas --save-dev
   

typescript
// app.component.ts
import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import * as html2canvas from 'html2canvas';
@Component({
  selector: 'app-root',
  template: `
    
      
      
This is the content to be captured.
    
    Capture
    
  `,
  styles: []
})
export class AppComponent implements AfterViewInit {
  @ViewChild('captureElement') captureElement: ElementRef | undefined;
  capturedImage: string | undefined;
  ngAfterViewInit() {
    // Ensure that the element is available before calling html2canvas
    if (this.captureElement) {
      html2canvas(this.captureElement.nativeElement).then(canvas => {
        // Convert canvas to data URL and set it as the captured image
        this.capturedImage = canvas.toDataURL();
      });
    }
  }
  capture() {
    // Handle capture button click if needed
  }
}