14

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>

ここで、最初の画像は背景で、2 番目の画像はユーザー入力 (小さい写真) です。

問題は、mPDF ライブラリを使用して PDF ファイルに生成しようとすると、画像が 1 ページに表示されず、1 つの画像が 1 ページ目に表示され、2 つ目の画像が 2 ページ目に表示されることです。なので絶対位置合わせがうまくいかず、直し方がわからないのだと思います。最初の画像を背景画像として使用することはできません。その自然な寸法は、塗りつぶさなければならない背景領域よりも小さいためです。

アドバイスをお願いできますか？なにが問題ですか？

4

2 に答える 2

25

mPDF は、部分的にのみ position:absolute|fixed をサポートします - ルート要素として、つまり、ブロックを別のブロック内に完全に配置しません。これは mPDF の既知の制限です。

于 2013-06-19T20:40:02.627 に答える