用jspdf实现html5页面下载成pdf文件

一路辛酸就不多说了,经历了各种尝试,最后终于搞定,直接贴代码:

	function downloadSG(){
			html2canvas($('#appmsg'), {
		    height:5000,
		    onrendered: function(canvas) {         
		        var imgData = canvas.toDataURL('img/notice/png');
		        var doc = new jsPDF('p', 'px','a3');
		        //第一列 左右边距  第二列上下边距  第三列是图片左右拉伸  第四列 图片上下拉伸
		        doc.addImage(imgData, 'PNG', -9, 0,650,1500);
		        doc.addPage();
		        doc.addImage(imgData, 'PNG', -9, -900,650,1500);
		        doc.save('test.pdf');
		    }
		});
	}



需要引入三个js文件:

<script src="./js/libs/jquery-2.0.2.js"></script>
<script src="./js/exportpdf/jspdf.debug.js"></script>
<script src=
  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 18
    评论
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值