pdf - html2canvas 使用 angular2/typescript 使用 css 样式呈现文档 PDF

Question

如何使用带有 angular2 的 html2canvas 生成输出文件 PDF

我尝试导入文件 html2canvas typescript 并做出这样的声明以使用它

declare let html2canvas: Html2CanvasStatic;

但我得到 html2canvas 未定义

html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});

我在 github 上找到了这个文件 typescript html2canvas typescript

如何将它用于我的应用程序 angular2

Answer 1

我可以使用 html2canvas 进行以下更改:

package.json:

 "dependencies": {
     "html2canvas": "0.5.0-beta4",
     "@types/html2canvas": "0.5.32",
 }

使用 npm install 后，我可以在我的 component.ts 文件中使用 html2canvas，如下所示:

import * as html2canvas from "html2canvas"

test() {
    html2canvas(document.body, {
        onrendered: function(canvas) {
        var img = canvas.toDataURL()
        window.open(img);
     }
    });

如果不安装 @types/html2canvas我可以通过 require 但不能通过 import 使用 lib:

html2canvas = require('hmtl2canvas');