相关疑难解决方法(0)

如何使用角度为2的jsPDF

我收到一个错误:没有定义jsPDF,我现在使用以下代码:

import { Component, OnInit, Inject } from '@angular/core';
import 'jspdf';
declare let jsPDF;
@Component({
  ....
  providers: [
    { provide: 'Window',  useValue: window }
  ]
})
export class GenratePdfComponent implements OnInit {

  constructor(
    @Inject('Window') private window: Window,
    ) { }

  download() {

        var doc = jsPDF();
        doc.text(20, 20, 'Hello world!');
        doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');    
        doc.save('Test.pdf');
    }
} 
Run Code Online (Sandbox Code Playgroud)

我已经安装了jsPDF的npm,但不知道如何导入jspdf并使用angular-cli运行:1.0.0-beta.17

jspdf angular2-cli angular

24
推荐指数
3
解决办法
4万
查看次数

如何使用jspdf和html2canvas打印全屏

演示版

您好,我在我的应用程序中使用 Angular8。这里我使用了 jspdf 和 html2canvas 将 html 转换为 pdf。但我只能打印半页而不是整页。谁能帮助我哪里出错了。

我附上了一个演示,当我在下拉列表中选择任何值时,会打开另一个 div,因此我需要获取 div 部分中所有内容的完整值。请帮忙。我得到这样的输出,但它不包含预期的完整值:

输出

如果有任何其他方法可以按照我的要求提供输出,也可以接受。

TS:

 public downloadPdf() {
    var data = document.getElementById('pdfDownload');
    html2canvas(data).then(canvas => {
      // Few necessary setting options
      var imgWidth = 208;
      var imgHeight = canvas.height * imgWidth / canvas.width;
      alert(imgHeight)
      const contentDataURL = canvas.toDataURL('image/png')
      let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
      var position = 0;
      pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
      //  pdf.save('new-file.pdf');
      window.open(pdf.output('bloburl', { filename: 'new-file.pdf' }), '_blank'); …
Run Code Online (Sandbox Code Playgroud)

html2canvas jspdf angular

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×2

jspdf ×2

angular2-cli ×1

html2canvas ×1