2017-10-10 5 views
1

Impossible de définir l'image d'arrière-plan sur mon document mPDF. C'est toujours blanc/blanc. MPDF Version: dev-master @ devImpossible de définir l'image d'arrière-plan dans mPDF

$mpdf = new \Mpdf\Mpdf([ 
    'mode' => 'utf-8', 
    'format' => [210, 100], 
    'orientation' => 'P', 
]); 
$stylesheet = file_get_contents(__DIR__.'/certificate.css'); 
$mpdf->WriteHTML('<div class="content">Hello</div>'); 
$mpdf->Output(); 

certificate.css

@page { 
    background-image: url("certificate-background.jpg"); 
} 

.content { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
} 

S'il vous plaît aider.

EDIT

J'ai travaillé autour de lui avec:

'watermarkImgBehind' => true 

dans la configuration MPDF et $:

$mpdf->SetWatermarkImage(__DIR__.'/certificate-background.jpg',1); 
$mpdf->showWatermarkImage = true; 
+0

J'ai eu le même problème et je l'ai réduit à un certificat auto-signé. en mode débogage, vous pouvez voir quelque chose comme _fopen n'a pas réussi à ouvrir le flux ..._ Je l'ai corrigé par '@page { background-image: url (" http: //mydomain.fake/certificate-background.jpg "); } ' – rotezecke

Répondre

0

Si vous avez le package complet MPDF vous trouverez un exemple dans le fichier php nommé example60_new_mPDF_v5-7_features.php il contient une classe personnalisée

.divclip { 
    border: 10px dashed #000000; 
    border-radius: 3em; 
    padding: 20px; 
    background:yellow; 
    background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet); 
    width: 300px; 
    height: 50px; 
    margin-bottom: 1em; 
    background-repeat: no-repeat ; 
    background-size: 100% 100%; 
} 
.divpic { 
    background:yellow; 
    background: yellow url("bayeux1.jpg") no-repeat scroll left top; 
    background-size: 100% 100%; 
} 

Utilisez cette classe pour la table ou div que vous voulez définir son arrière-plan et ça va marcher, cela a fonctionné pour moi.

par exemple;

<table width="100%" align="center" border="0" class="divclip divpic"> 
<tr> 
<td width="2%"></td> 
</tr> 
</table>