angular将html导出为pdf,使用AngularJs将HTML转换为PDF

我正在研究AngularJs应用程序,在某些时候我必须将网页中的一些内容转换为PDF格式

我尝试了很多东西,但最后还要感谢这个Stackoverflow question并使用这段代码

html2canvas(document.getElementById('exportthis'), {

onrendered: function (canvas) {

var data = canvas.toDataURL();

var docDefinition = {

content: [{

image: data,

width: 500,

}]

};

pdfMake.createPdf(docDefinition).download("Score_Details.pdf");

}

});

我使用html2canvas和pdfmake生成pdf,但结果实际上并不是完整的pdf,只是base64图像包含所有页面并导出为pdf文件 .

我无法选择任何文本或点击任何链接它只是一个不完美的结果的图像

无论如何通过angularJs或Javascript从HTML生成真正的PDF文件

UPDATE :

有官方演示

var doc = new jsPDF();

// We'll make our own renderer to skip this editor

var specialElementHandlers = {

'#editor': function(element, renderer){

return true;

}

};

// All units are in the set measurement for the document

// This can be changed to "pt" (points), "mm" (Default), "cm", "in"

doc.fromHTML($('#render_me').get(0), 15, 15, {

'width': 170,

'elementHandlers': specialElementHandlers

});

但是我得到了这个错误

jsPDF警告:渲染问题?提供来自HTML的回调!

不幸的是,他们没有github上的文档事件所有维基页面都是空白页!!

提前致谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值