MPDF BACKGROUND PAGE(FONDO DE PAGINA) TUTORIAL
Busque por toda la web y no encontré ningún ejemplo claro de como colocar un FONDO DE PAGINA (BACKGROUND PAGE) en todas las paginas en la clase para generar PDF en PHP llamada MPDF, Esta es de las mejores clases para hacer esto de crear PDF, ya que soporta HTML, CSS y muchos componente de CSS3.
Ejemplo:
Descargar la clase de MPDF DESDE AQUI. Descargar
para este tutorial se utilizo la Versión 5.7 (14/7/13)
crear un sitio en su localhost en mi caso lo he llamado mpdfondo allí dentro descomprimir la clases de MPDF, entonces le quedaría el sitio asi:
mpdfondo
..mpdf57
luego dentro del sitio crear un archivo con el nombre que deseen yo lo he llamado pdf.php y quedaría asi:
mpdfondo
..mpdf57
..pdf.php
y colocar este código en el archivo mencionado anteriormente:
<?php
include('mpdf57/mpdf.php');
$mpdf = new mPDF('','letter','','',20,20,35,24);
$css = file_get_contents('style.css');
$mpdf->WriteHTML($css,1);
$mpdf->WriteHTML('hola mundo');
$mpdf->Output();
crear un archivo llamado style.css
mpdfondo
..mpdf57
..pdf.php
..style.css
y colocar este código en el archivo mencionado anteriormente:
body{
background:url(background.jpg) no-repeat;
background-image-resolution:300dpi;
background-image-resize:6;
}
Listo ya de esta forma tienen un fondo en todas paginas.
Ejemplo:
Descargar la clase de MPDF DESDE AQUI. Descargar
para este tutorial se utilizo la Versión 5.7 (14/7/13)
crear un sitio en su localhost en mi caso lo he llamado mpdfondo allí dentro descomprimir la clases de MPDF, entonces le quedaría el sitio asi:
mpdfondo
..mpdf57
luego dentro del sitio crear un archivo con el nombre que deseen yo lo he llamado pdf.php y quedaría asi:
mpdfondo
..mpdf57
..pdf.php
y colocar este código en el archivo mencionado anteriormente:
<?php
include('mpdf57/mpdf.php');
$mpdf = new mPDF('','letter','','',20,20,35,24);
$css = file_get_contents('style.css');
$mpdf->WriteHTML($css,1);
$mpdf->WriteHTML('hola mundo');
$mpdf->Output();
crear un archivo llamado style.css
mpdfondo
..mpdf57
..pdf.php
..style.css
y colocar este código en el archivo mencionado anteriormente:
body{
background:url(background.jpg) no-repeat;
background-image-resolution:300dpi;
background-image-resize:6;
}
Listo ya de esta forma tienen un fondo en todas paginas.
Me ha servido bastante, gracias!
ResponderEliminarMe ha servido bastante, gracias!
ResponderEliminarGracias me sirvio mucho :)
ResponderEliminarThanks
ResponderEliminarexcelente, andaba bsucando eso (Y)
ResponderEliminar