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

前端之家收集整理的这篇文章主要介绍了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相关文章