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 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使用lib,但不能通过import导入:

html2canvas = require('hmtl2canvas');