角2-进口html2canvas

Question

我已经使用html2canvas在angular 2项目上安装了npm install html2canvas --save。如果我现在转到任何文件并写入import * as html2canvas from 'html2canvas'，则会出现以下错误：

Cannot find module 'html2canvas'

我的包文件如下所示：

{
  ...
  "scripts": {
    ...
  },
  "dependencies": {
    ...
    "html2canvas": "^0.5.0-beta4",
    ...
  },
  "devDependencies": {
    ...
  }
}

我试图导入html2canvas的文件是：

import { Injectable } from '@angular/core';
import * as jsPDF from 'jspdf';
import * as html2canvas from 'html2canvas';

@Injectable ()
export class pdfGeneratorService {

  ...
}

Answer 1

由于Angular2使用类型记录，所以需要安装该模块的类型记录定义文件。

它可以从@types安装(如果存在的话)。如果没有，您可以创建自己的定义文件并将其包含在项目中。

Answer 2

在角度9中，我是这样使用的：

import html2canvas from 'html2canvas';
....
    html2canvas(this.head2print.nativeElement).then(_canvas => {
      hdr = _canvas.toDataURL("image/png");
    });

Answer 3

此外，回调函数的on呈现选项可能无法工作。相反，您可以使用“然后”如下：

html2canvas(document.body).then((canvas) => {
  document.body.appendChild(canvas);
});

https://stackoverflow.com/a/45366038/3119507