typescript - 使用 jsPDF rtl 支持的 Html 到 pdf

标签 typescript converter angular5 jspdf

我正在尝试使用 angular 5 使用 jsPDF 将 html 转换为 pdf
这是我的代码:

import * as jsPDF from "jspdf";
.
.
.
htmlToPdf(){
var doc=new jsPDF();
var specialElementHandlers = {
  '#content' : function(element,render) {return true;}
};

doc.fromHTML(document.getElementById('content'), 20,20,{
           'width':500,
      'elementHandlers': specialElementHandlers,
});

doc.save('Reports.pdf');
}

我正在尝试以从右到左的方向导出 pdf 但没有成功
当我尝试这个命令时:

doc.viewerPreferences({Direction: 'R2L'});

我收到一个错误:“类型“jsPdf”上不存在属性”
顺便说一句,在我的 html 或 css 中,我试图放置方向属性,但它没有帮助。还是从左到右

最佳答案

在我的组件中我使用了这个函数:

htmlToPdf(){
    const elementToPrint = document.getElementById('content');
    const pdf = new jsPDF();
    pdf.addHTML(elementToPrint, () => {
        pdf.save('report.pdf');
    });

在我的 html 中:我放置了扭曲所有的 div 标签......并且带有 id="content" 我使用属性 dir="rtl"

<div id="content" dir="rtl">
.
.
.
</div>

不要忘记添加这个脚本:

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>

关于typescript - 使用 jsPDF rtl 支持的 Html 到 pdf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49154335/

相关文章:

angular - 在可管道 rxjs 运算符的组合管道中捕获错误

angular - 如何在 Angular 的应用程序级别创建全局计时器?

reactjs - 类型 'google' 上不存在属性 'Window'

typescript - 在angular2中调用typescript getter

javascript - 无法在 Angular 9 中进行默认导入

angular - SheetJs 自动转换日期 Angular 7

date - Spring webflow 日期 Binder

jsf - 反对具有静态 WeakHashMap 的通用 JSF 对象转换器的参数

java - 如何将 LocalDate 转换为 SQL Date Java?

node.js - 在 Intellij IDEA 中使用 standard.js 进行 Linting