Question

美好的一天！

我尝试从html渲染pdf文档，但渲染的文档没有正确显示单元格格式。它似乎完全忽略了表格标签而只是渲染文本。

这是我的HTML：

＆＃13;

<!DOCTYPE html>
<html>
<head>
<title>Purchase Order Preview</title>
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <script type="text/javascript" src="js/pdf.js"> </script>
    <script type="text/javascript" src="js/head.js"></script>        
    <script type="text/javascript" src="js/jspdf.js"></script>
    <script type="text/javascript" src="js/jspdf.plugin.from_html.js"></script>
    <script type="text/javascript" src="js/jspdf.plugin.standard_fonts_metrics.js"></script>
    <script type="text/javascript" src="js/jspdf.plugin.split_text_to_size.js"></script>
    <script type="text/javascript" src="js/jspdf.plugin.cell.js"></script>    
    <script type="text/javascript" src="js/FileSaver.js"></script>
</head>

<body id="target">
   <div>PURCHASE ORDER.</div>
   
  
	    <table>
	    <colgroup>
		 <col width="25%">
		 <col width="25%">
		 <col width="25%">
		 <col width="25%">
		 </colgroup>
	        	<tr>
	        		<td><label style="font-size:14px">P/O Number:</label></td>
	        		<td> <label id="viewManagementNumber" ></label></td>
	        		<td><label style="font-size:14px">Supplier Code:</label></td>
	        		<td> <label id="viewManagementSupplierID" ></label></td>
	        	</tr>
        </table>    
   <a id="exportpdf" data-role="button" data-inline="true" data-icon="download" style="background-color:#3388cc;color:#fff;border:0;" data-mini="true" data-theme="b">Download</a>
</body>
</html>

＆＃13;

这是我的javascript：

＆＃13;

$("#exportpdf").click(function () {
		var doc = new jsPDF('p', 'pt', 'letter');

		//We'll make our own renderer to skip this editor
		var specialElementHandlers = {
			'#exportpdf': 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($('#target').get(0), 15, 15, {
			'width': 170, 
			'elementHandlers': specialElementHandlers
		});
		
		doc.output('save', 'test.pdf');

	});

＆＃13;

输出就是这样：

购买订单。

P / O编号：

KJV-VT 141016-001

供应商代码：

MS54

任何形式的帮助都将受到赞赏。

感谢。

jsPDF渲染忽略HTML表格格式

0 个答案: