相关文章推荐
爱运动的手电筒  ·  How to Install .net ...·  4 月前    · 
英俊的鞭炮  ·  java ...·  1 年前    · 

后端转换.html文档下载为pdf文件,在浏览器中样式正常,转换成pdf文档后位置错乱

mpdf插件最新版本仅支持父元素是body的position:absolute定位,且只支持absolute、fixed两个属性

省流:mpdf定位只支持在最外层

踩过的坑:

1.css样式应用失败时,写行内试试
2.尽量只写简单的属性,如果不支持的话想办法用其他属性代替或div去解决,就是麻烦很多
例如:明明文档写了支持text-align,但实际应用时text-align:justify并不支持,最后只能想办法用letter-spacing解决
3.放弃挣扎,不要想用外部组件去实现,最后还是要手写html
4.不支持display属性,可以用table布局

最后:如遇到其他问题再更新,贴个mpdf官方文档链接: https://mpdf.github.io/ 方便以后查阅

后端转换.html文档下载为pdf文件,在浏览器中样式正常,转换成pdf文档后位置错乱mpdf插件最新版本仅支持父元素是body的position:absolute定位,且只支持absolute、fixed两个属性省流:mpdf定位只支持在最外层1.css样式应用失败时,写行内试试2.尽量只写简单的属性,如果不支持的话想办法用其他属性代替或div去解决,就是麻烦很多例如:明明文档写了支持text-align,但实际应用时text-align:justify并不支持,最后只能想办法用letter-spa
主要需求是将html页面 转换 pdf 文档 1、安装 mpdf 工具类 (composer方式)2、控制器里调用3、效果如下图 1、安装 mpdf 工具类 (composer方式) composer require mpdf / mpdf :8.0.3 2、控制器里调用 use Mpdf \ Mpdf ; $this->test_ pdf (); public function test_ pdf () $ mpdf = new Mpdf ([ 'mode' => 'UTF-8', 'format' =&
官网URL:http://www. mpdf 1.com/ mpdf /index. php github:https://github.com/ mpdf / mpdf 官方开发手册,英文的:http://www. mpdf online.com/repos/ mpdf manual. pdf 网页版https:// mpdf .github.io/ 蛋疼,不想翻译600多页,只翻译了部分常用的部分 之前一...
需要将HTML 文档 生成 pdf 供客户端下载或预览; 前端可以直接 使用 html2canvas,JS前端插件。html2canvas实际上是截图,即将前端页面截图成为图片然后保存为 pdf 文档 中的文字无法复制,且在支持自动分页,大数据量的情况下, 使用 不佳; mPDF ,支持从服务器端渲染,按照需求在客户端进行预览、下载等设置; Software: mPDF , Unicode-HTML Vue项目引用dataV组件,部署后出现样式错乱Component width or height is 0px,rendering abnormality may occur 妖妖的耳朵: 加个immediate立即执行看看