MPdf - フルページサイズの画像ですが、1ページのみです

私も同様の質問がありますが、私の問題を解決する人はいません。私はMPDFでやりたいことは以下の通りです：MPdf - フルページサイズの画像ですが、1ページのみです

Page 1: Text for item 1 
Page 2: Full width and height image to cover the page with an image of item 1 
Page 3: Text for item 2 
Page 4: Full width and height image to cover the page with an image of item 2 
...

次のコードは、私が達成したい、のように画像を引き伸ばし：

body { 
     background-image:url("image1.jpg"); 
     background-image-resize: 5; 
     background-position: top center; 
    }

しかし、これはすべてのページに画像を設定する結果（私は、体の要素を知っている）。だから私は、次のことを試してみました：

<div style=' 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     background-image:url("image1.jpg"); 
     background-image-resize: 5; 
     background-position: top center; 
    '></div>

しかし、それは動作しません。だから私は同じコードを、ちょうど色で、代わりに画像を試した：

<div style=' 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     background: #F00; 
     '> 
    </div> 
    <div style="page-break-before: always;"></div>

これは動作しています。ページ全体が赤です。どのようにイメージと同じものを実現するのですか？

アイデア？

出典

2016-10-04 bernhardh

多くの試練を経て、これを行う簡単な方法は、HTMLコードを別々の部分に分割して別々のWriteHtml呼び出しで挿入することだとわかりました。例：

// Create object 
$mpdf = new \mPDF('utf-8'); 

// Create first text page 
$mpdf->WriteHTML('<p>Text for item 1</p>'); 

// Add a new page with the image 
$mpdf->AddPage(); 
$mpdf->WriteHTML("<html><body style='background-image:url(\"image1.jpg\"); background-image-resize: 5; background-position: top center;'></body></html>"); 


// Create second page 
$mpdf->AddPage(); 
$mpdf->WriteHTML('<p>Text for item 1</p>'); 

...

出典

2016-10-05 14:13:50 bernhardh

MPdf - フルページサイズの画像ですが、1ページのみです

答えて

関連する問題