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

发布时间：2020-12-14 18:29:55 所属栏目：资源来源：网络整理

导读：如何使用带有angular2的html2canvas生成输出文件PDF 我试图导入文件html2canvas typescript并发出这样的声明来使用它 declare let html2canvas: Html2CanvasStatic; 但是我没有定义html2canvas html2canvas(document.body,{ onrendered: function(canvas) {

如何使用带有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');

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!