Tcpdf不使用css来实现线上合同和签章,图片悬浮

2019-05-07 00:04:04

参考链接 Tcpdf不使用css来实现线上合同和签章,图片悬浮

前言:以前虽然有了解过Tcpdf的用法,但是没有实际的应用过,最近在用tcpdf的时候发现对css支持很有限,使的如果想实现类似html的种种效果都很难,而我这次要做的就是

图片悬浮在文字上方形成类似水印或者盖章的效果。


由于Tcpdf是由歪果仁写的,所以中文的手册也没有,导致虽然这个工具好多年前就不更新了,国内网上目前类似的资料依然不是很多,

还好英语阅读水平比较过关,又响应开源精神,所以做一下分享,但是我希望大家不要做一个伸手党。另外请支持每个人的原创。下面进入正题


步骤一:下载tcpdf

    这里我就不给梯子了,自行百度,然后下载软件,布置好之后可以自己先看看里面给的例子,也许就能找到你想要的效果。这里省略部署,

不论你是tp还是yii或者别的什么请自行部署

步骤二:生成文件

    生成中文文件不乱码的解决方法网上很多我就不赘述了。这里需要注意几点

    1.生成的文件最好用css比较老的属性,而且最好图片不要用浮动等控制,很多效果都没有作用,

    2.文件如果是很长的文档,则需要手动进行断行,也就是</br>,原因是:因为生成pdf排版的时候出现如果文字刚好够一行多一点,Tcpdf会把整个行的一大部分放到

下一行,而不是最后几个字放到下一行(这里Tcpdf判断换行的逻辑很怪,如果你想看看效果你可以不加换行标签测试一下,一定惊喜)而出现如下图的效果:


    这里是一部分内容(未满行)

这里是另一部分内容。


步骤三:生成pdf预览

这里需要注意的是,

$pdf->Output($name, 'I');

其中如果输出为页面查看方式则为‘I’,如果想要直接下载则为:‘D’,如果想保存文件则为:‘F’

<?php

function review_pdf($html,$title) {

 

    vendor('Tcpdf.tcpdf');

    $pdf = new \Tcpdf(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

    // 设置打印模式

    $pdf->SetCreator(PDF_CREATOR);

    $pdf->SetAuthor('Nicola Asuni');

    $pdf->SetTitle($title);

    $pdf->SetSubject('TCPDF Tutorial');

    $pdf->SetKeywords('TCPDF, PDF, example, test, guide');

 

 

 

    // 是否显示页眉

    $pdf->setPrintHeader(false);

    // 设置页眉显示的内容

    $pdf->SetHeaderData('logo.png', 60, 'jr.fccfae.com', $title, array(0, 64, 255), array(0, 64, 128));

    // 设置页眉字体

    $pdf->setHeaderFont(Array('dejavusans', '', '12'));

    // 页眉距离顶部的距离

    $pdf->SetHeaderMargin('5');

    // 是否显示页脚

    $pdf->setPrintFooter(true);

    // 设置页脚显示的内容

    $pdf->setFooterData(array(0, 64, 0), array(0, 64, 128));

    // 设置页脚的字体

    $pdf->setFooterFont(Array('dejavusans', '', '10'));

    // 设置页脚距离底部的距离

    $pdf->SetFooterMargin('10');

    // 设置默认等宽字体

    $pdf->SetDefaultMonospacedFont(PDF_FONT_MONOSPACED);

    // 设置行高

    $pdf->setCellHeightRatio(1.2);

    // 设置左、上、右的间距

    $pdf->SetMargins('8', '8', '8');

    // 设置是否自动分页  距离底部多少距离时分页

    $pdf->SetAutoPageBreak(TRUE, '15');

    // 设置图像比例因子  1.3可以

    $pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);

 

 

 

    if (@file_exists(dirname(__FILE__) . '/lang/eng.php')) {

        require_once(dirname(__FILE__) . '/lang/eng.php');

        $pdf->setLanguageArray($l);

    }

    $pdf->setFontSubsetting(true);

    $pdf->AddPage();

 

 

 

 

 

    $pdf->SetFont('STSongStdLight', '', 12, '', true);

 

//    $pdf->SetFont('helvetica', '', 14, true);

 

 

    $pdf->writeHTMLCell(0, 0, '', '', $html, 0, 1, 0, true, '', true);

    //$pdf->MultiCell(0, 5, $html, 0, 'J', 0, 2, '', '', true, 0, false);

    $pdf->setPage(1);

    $pdf->Image('img/image_with_alpha.png', 50, 50, 100, '', '', 'http://www.tcpdf.org', '', false, 300);

    $name = time() . ".pdf";

 

 

    $pdf->Output($name, 'I');

}

?>

这里有两点比较重要 

1.如果要加图片,图片如果在下面就先调用

$pdf->Image();

如果是想要图片悬浮,则需要

先调用$pdf->writeHTMLCell();或者其他的比如MultiCell()    后调用$pdf->Image();

 

2.如果文件为多页,如果想要控制在某一页加图片,则需要在加图片前调用

$pdf->setPage(1); 

里面的1为第一页,按自己的需要添加。


  • 2019-11-28 11:00:35

    Vue子组件调用父组件的方法

    下面有三种方法,我自己重点推荐第一种,毕竟这种简单粗暴好用好理解,不过这个有一个弊端,再组件嵌套组件的时候,尤其是用第三方组件里面调用自己的子组件的时候,其实已经是孙子组件了,这个时候就要parent.parent。。。。,这样就不好了,我们就得考虑其他方法了,具体怎么判断是父组件,还是爷爷组件,我会单独出一篇文章讲述。

  • 2019-11-29 13:04:47

    计算一个多边形的重心点坐标(准确版)

    在之前的 《如何判断一个多边形是否合法》 一文中有提到,用无人机规划飞行路线前,往往需要框选一个多边形的区域。 而在地图控件上显示这个多边形区域时,往往会遇到这样一个需求:需要把所要测绘的多边形区域移动到地图中心。 实现这个需求的基本思路就是:获取到多边形区域的重心点坐标,然后利用地图控件的 setCenter方法,就可以把地图的显示中心移动到多边形区域重心了。那么问题来了,如何求出一个多边形的重心点坐标呢?

  • 2019-11-29 13:06:27

    如何判断一个多边形是否合法

    利用无人机对一片区域进行测绘前,我们会先在地图上框选一个区域,然后再规划飞行的路线,而需要测绘的这片区域往往是一个多边形。在 MeshKit 中,我们加入了多边形区域的编辑功能,其中就涉及判断用户所编辑出来的多边形是否合法的问题。

  • 2019-11-29 13:47:22

    百度地图做电子围栏总结

    在地图上画出围栏,设置围栏信息后保存,生成围栏列表。全选时,地图视野可看到全部的围栏区域,单独勾选会调整地图视野到当前勾选的围栏。围栏区域的中心点要显示围栏名称。

  • 2019-11-29 13:50:29

    图片连接处出现白线

    block导致,只要父元素设置font-size:0或者设置img display: block; 便可。但是我设置了没有用,这条线不是所有的机型都有,而且页面滚动之后又消失,我琢磨半天,各种尝试,发现把图片高度减少(增加)1px就解决了。因为我们的项目是用postcss-px-to-viewport,我每张图片都是设置高度的,应该是数值转换出现偏差。

  • 2019-11-29 13:54:07

    粗略计算多边形中心点(并不是很准确,但简单好用)

    也是再做栅栏系统,搜索如何获取多边形中心点的问题上,发现了这个,简单易于理解,但是并不是特变准确,但也不影响使用。 后来发现了新的算法,并且百度地图也提供相应的api。 具体内容我写在了前面的文章,大家可以找一下。