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

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

我试图导入文件html2canvas typescript并发出这样的声明来使用它

declare let html2canvas: Html2CanvasStatic;

但是我没有定义html2canvas

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

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

如何将此用于我的应用angular2

解决方法

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

的package.json:

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

使用npm安装后,我可以在我的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');

相关文章

我最大的一个关于TypeScript的问题是,它将原型的所有方法(无...
我对React很新,我正在尝试理解子组件之间相互通信的简洁方法...
我有一个非常简单的表单,我将用户电子邮件存储在组件的状态,...
我发现接口非常有用,但由于内存问题我需要开始优化我的应用程...
我得到了一个json响应并将其存储在mongodb中,但是我不需要的...
我试图使用loadsh从以下数组中获取唯一类别,[{"listing...