在PHP中将html转成PDF

网上介绍了很多将html转成PDF的方法,我主要尝试了以下四种(按使用先后排序):

  • html2pdf
  • mpdf
  • dompdf
  • tcpdf

具体的使用方法和过程就不赘述了,网上有很多相关资料。这四个开源库,都可以通过composer安装,可能遇到的坑是网络传输慢,安装超时。如果总是超时,建议使用码云上的源进行下载安装。

下面说一下结论,这四个库都可以将html转成PDF,但在转换效果上,mpdf是最好的,没有之一。不管是html格式上还是中文编码、中文字体上,mpdf都是最好的,但美中不足的是,mpdf貌似不支持复杂表格的自动分页,在使用的过程中,花了大半天的时间查资料,结果无功而返。不得已,人工拆解html中的内容,生成多个html模版,最后生成多个单页的PDF文件。因为最终使用的是打印版,所以这样分页也没有问题。

mpdf使用示例:

/**
* @param $htmlContent    html文件内容
* @return string    返回生成的PDF文件内容
*/
function genBillPdfContent($htmlContent) {
        $mpdf = new \Mpdf\Mpdf();
        $mpdf->SetDisplayMode('fullpage');
        $mpdf->autoScriptToLang = true;
        $mpdf->autoLangToFont = true;
        $mpdf->WriteHTML($htmlContent);

        return $mpdf->Output('filename.pdf', \Mpdf\Output\Destination::STRING_RETURN);
}

 

要将SVG文件换为PDF,您可以使用`canvg`库将SVG绘制到HTML5 Canvas上,然后使用`jsPDF`库将Canvas内容换为PDF。以下是实现此操作的步骤: 1. 在HTML页面中引入`canvg`和`jsPDF`库: ```html <script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script> ``` 2. 使用`canvg`将SVG绘制到Canvas上: ```javascript // 获取SVG元素 var svg = document.getElementById('my-svg'); // 创建Canvas元素 var canvas = document.createElement('canvas'); canvas.width = svg.clientWidth; canvas.height = svg.clientHeight; // 将SVG绘制到Canvas上 canvg(canvas, svg.outerHTML); ``` 3. 使用`jsPDF`将Canvas内容换为PDF: ```javascript // 创建PDF文档 var pdf = new jsPDF(); // 将Canvas内容添加到PDFpdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, canvas.width, canvas.height); // 保存PDF文件 pdf.save('my-pdf.pdf'); ``` 完整的代码示例: ```html <!DOCTYPE html> <html> <head> <title>SVG to PDF Conversion</title> <script src="https://cdn.jsdelivr.net/npm/canvg/dist/browser/canvg.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script> </head> <body> <svg id="my-svg" width="200" height="200"> <rect x="50" y="50" width="100" height="100" fill="red" /> </svg> <script> var svg = document.getElementById('my-svg'); var canvas = document.createElement('canvas'); canvas.width = svg.clientWidth; canvas.height = svg.clientHeight; canvg(canvas, svg.outerHTML); var pdf = new jsPDF(); pdf.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, canvas.width, canvas.height); pdf.save('my-pdf.pdf'); </script> </body> </html> ``` 注意,由于`canvg`库使用了HTML5 Canvas元素,因此此方法可能不适用于非浏览器环境(例如Node.js)。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值