我需要从
HTML输入生成PDF文件:
<div style="width: 14cm; height: 21cm; position: relative"> <img src="bg-image.jpg" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0"> <img src="image.jpg" style="width: 100px; height: 100px; position: absolute; left: 5cm; top: 5cm"> </div>
其中第一个图像是背景,第二个图像是用户输入(较小的照片).
问题是,当我尝试使用mPDF库生成PDF文件时,图像不会显示在一个页面上,但是一个图像在第一页上,第二个图像在第二页上.所以我认为绝对定位不起作用,我不知道如何解决它.我不能将第一张图像用作背景图像,因为它的自然尺寸小于它必须填充的背景区域.
你能给我一些建议吗?怎么了?
解决方法
mPDF仅支持position:absolute | fixed partial – 作为根元素,即它不会将块绝对定位在另一个块中. 这是mPDF的已知限制.