Foros del Web » Programando para Internet » PHP »

problemas al crear pdf

 Estas en el tema de problemas al crear pdf en el foro de PHP en Foros del Web. Hola tengo el siguiente html para crear el pdf pero tengo un problema este es el html y el php donde lo genero @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); ...
  #1 (permalink)  
Antiguo 08/07/2013, 15:07
 
Fecha de Ingreso: enero-2013
Mensajes: 87
Antigüedad: 11 años, 3 meses
Puntos: 0
problemas al crear pdf
Hola tengo el siguiente html para crear el pdf pero tengo un problema
este es el html y el php donde lo genero
Código PHP: 
Ver original
  1. <?php ob_start();?>
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <style type="text/css">
  7. .banner-principal{
  8.     background:url(Banner3.jpg)no-repeat center;
  9.     background-size:400px 300px;
  10.     top:182px;
  11.     width:700px;
  12.     height:400px;
  13.     position:absolute;
  14.     left: 7px;
  15. }
  16. .pricipal{
  17.     top:103px;
  18.     text-align:center;
  19.     position:absolute;
  20.     left: 30px;
  21.     width: 617px;
  22. }
  23. .banner1{
  24.     background:url(Banner1.jpg)no-repeat center;
  25.     background-size:600px 110px;
  26.     position:absolute;
  27.     top:-171px;
  28.     left: 3px;
  29.     width: 700px;
  30.     height:170px;
  31. }
  32. .usuario{
  33.     position:absolute;
  34.     left: 258px;
  35.     top: 80px;
  36.     width: 472px;
  37.     color:#FFFFFF;
  38.     font-size:24px;
  39.     font-family:Arial, Helvetica, sans-serif;
  40.     height: 88px;
  41. }
  42. .pie-pagina{
  43.     background:url(Banner2.jpg)no-repeat;
  44.     background-size:600px 30px;
  45.     position:absolute;
  46.     top:408px;
  47.     left: 21px;
  48.     width: 600px;
  49.     height:40px;
  50. }
  51. </style>
  52. </head>
  53.  
  54. <body>
  55. <div class="banner-principal">
  56. <div class="banner1">
  57. <div class="usuario">Nombre Usuario:
  58. <?php print "<br>";?>Cargo</div>
  59. </div>
  60. <div class="pricipal">
  61. <img src="Banner2.jpg" width="500px" height="30px" />
  62. Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x para la transparencia, mientras que IE usa filter:alpha(opacity=x). La sintáxis CSS3 para la transparencia es opacity:x.
  63. No hay que olvidar que:
  64. En Firefox (opacity:x) x puede tener un valor desde 0.0 hasta 1.0. Un valor más bajo hará el elemento más transparente.
  65. En IE (Internet Explorer) sería así: (filter:alpha(opacity=x)) x puede ser un valor de 0 a 100. Un valor más bajo hará el elemento más transparente.
  66. - See more at: http://www.cssblog.es/ejemplos-con-la-transparencia-css/#sthash.4pkKHWkZ.dpuf</div>
  67. <div class="pie-pagina"></div>
  68. </div>
  69. </body>
  70. </html>

Código PHP: 
Ver original
  1. require_once("dompdf/dompdf_config.inc.php");
  2. $dompdf = new DOMPDF();
  3. $dompdf->load_html(ob_get_clean());
  4. $dompdf->render();
  5. $pdf = $dompdf->output();
  6. $filename = date("d-m-Y_H_i_s").'.pdf';
  7. file_put_contents($filename, $pdf);
  8. $dompdf->stream($filename);


El problema que tengo es que cuando me genera el pdf no me muestra las imagenes que le añado con el css solo me muestra las letras nada de imagenes, me pueden orientar con este problema
  #2 (permalink)  
Antiguo 08/07/2013, 21:05
 
Fecha de Ingreso: junio-2013
Ubicación: En cualquier parte de mi casa
Mensajes: 139
Antigüedad: 10 años, 10 meses
Puntos: 14
Respuesta: problemas al crear pdf
Te recomiendo es una clase muy buena que viene con ejemplos es Html2Pdf yo la uso! espero que te sea de mucha ayuda al igual como me fue a mi! ella acepta diversos parametros! pero hasta los momentos el unico que no me ha aceptado es <center></center>, pero imagenes si acepta! solo debes de ver los ejemplos!
  #3 (permalink)  
Antiguo 08/07/2013, 22:00
ruben_chirinos_1985
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: problemas al crear pdf
seguro es que no tiene el llamado al archivo imagen eacto es decir que seguro la imagen esta en una carpeta y deberas de llamarla asi url(../Banner3.jpg) o asi url(imagenes/Banner3.jpg) verifica eso y esa libreria es muy buena y facil para trabajar DOMPDF yo realizo todos mis reportes con esta libreria
  #4 (permalink)  
Antiguo 09/07/2013, 05:55
 
Fecha de Ingreso: julio-2010
Mensajes: 275
Antigüedad: 13 años, 9 meses
Puntos: 21
Respuesta: problemas al crear pdf
Código HTML: 
Ver original
  1. <div class="banner-principal">
  2. <div class="banner1">

Deberían tener su etiqueta de cierra

Código HTML: 
Ver original
  1. <div class="banner-principal"></div>
  2. <div class="banner1"></div>

Y yo uso la clase TCPDF....
  #5 (permalink)  
Antiguo 09/07/2013, 06:53
Avatar de CesarHC  
Fecha de Ingreso: junio-2011
Ubicación: localhost
Mensajes: 566
Antigüedad: 12 años, 10 meses
Puntos: 56
Respuesta: problemas al crear pdf
Dompdf es una exelente herramienta pero te exige que el html que le ingresas debe estar perfectamente estructurado con sus etiquetas en el orden correcto, revisa si el contenido esta en el orden que corresponde.
__________________
Solo la práctica no te traicionara ¡¡¡¡¡¡

Seguir el camino tu debes PHP The Right Way.
  #6 (permalink)  
Antiguo 09/07/2013, 16:58
 
Fecha de Ingreso: enero-2013
Mensajes: 87
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: problemas al crear pdf
El problema solo se genera al cargar la imagen, cuando introduzco texto no hay ningun problema, no se que hacer ya , esto me tiene loco
  #7 (permalink)  
Antiguo 09/07/2013, 17:15
ruben_chirinos_1985
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: problemas al crear pdf
pero dime como estas llamando a la imagen que se mostrara en el pdf generado y en q carpeta esta
  #8 (permalink)  
Antiguo 09/07/2013, 18:46
 
Fecha de Ingreso: enero-2013
Mensajes: 87
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: problemas al crear pdf
hola a todos ya solucione y me muestra las imagenes estes es el codigo con lo que genero
Código PHP: 
Ver original
  1. <?php 
  2. ob_start();
  3. ?>
  4. <?php 
  5. $table .="<div style='top:182;width:700;height:400;position:absolute;left:7;'><div style='position:absolute;left:145;top:17'><img src='pero.jpg' width='400' height='300'/></div>";
  6. $table .="<div style='position: absolute;top: -177;left: 9;width: 700;height: 170'><img src='Banner1.jpg' width='600' height='110' />";
  7. $table .="<div style='position:absolute;left: 258;top: 80;width: 472;height: 88;'>Nombre Usuario:";
  8. $table .="<br>Cargo</div>";
  9. $table .="</div>";
  10. $table .="<div style='top:103;position:absolute;left: 30;width: 617'>
  11. Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x para la transparencia, mientras que IE usa filter:alpha(opacity=x). La sintáxis CSS3 para la transparencia es opacity:x.
  12. No hay que olvidar que:
  13. En Firefox (opacity:x) x puede tener un valor desde 0.0 hasta 1.0. Un valor más bajo hará el elemento más transparente.
  14. En IE (Internet Explorer) sería así: (filter:alpha(opacity=x)) x puede ser un valor de 0 a 100. Un valor más bajo hará el elemento más transparente.
  15. - See more at: http://www.cssblog.es/ejemplos-con-la-transparencia-css/#sthash.4pkKHWkZ.dpuf</div>";
  16. $table .="<div style='position:absolute;top:405;left:20;width:600;height:40'><img src='Banner2.jpg' width='600' height='29' /></div>";
  17. $table .="</div>";
  18.  
  19. print $table;
  20. require_once("dompdf/dompdf_config.inc.php");
  21. $dompdf = new DOMPDF();
  22. $dompdf->load_html(ob_get_clean());
  23. $dompdf->render();
  24. $pdf = $dompdf->output();
  25. $filename =date("d-m-Y_H_i_s").'.pdf';
  26. file_put_contents($filename, $pdf);
  27. $dompdf->stream($filename);
  28.  
  29. ?>
el problema ahora es que no me le aplica el css , como puedo hacer para que me tome el css lo hize asi
Código CSS: 
Ver original
  1. <style type="text/css">
  2. .banner-principal{
  3.     background:url(Banner3.jpg)no-repeat center;
  4.     background-size:400px 300px;
  5.     top:182px;
  6.     width:700px;
  7.     height:400px;
  8.     position:absolute;
  9.     left: 7px;
  10. }
  11. .pricipal{
  12.     top:103px;
  13.     text-align:center;
  14.     position:absolute;
  15.     left: 30px;
  16.     width: 617px;
  17. }
  18. .banner1{
  19.     background: url(Banner1.jpg)no-repeat center;
  20.     background-size: 600px 110px;
  21.     position: absolute;
  22.     top: -177px;
  23.     left: 9px;
  24.     width: 700px;
  25.     height: 170px;
  26. }
  27. .usuario{
  28.     position:absolute;
  29.     left: 258px;
  30.     top: 80px;
  31.     width: 472px;
  32.     color:#FFFFFF;
  33.     font-size:24px;
  34.     font-family:Arial, Helvetica, sans-serif;
  35.     height: 88px;
  36. }
  37. .pie-pagina{
  38.     background: url(Banner2.jpg)no-repeat;
  39.     background-size: 600px 30px;
  40.     position: absolute;
  41.     top: 405px;
  42.     left: 30px;
  43.     width: 600px;
  44.     height: 40px;
  45. }
  46. </style>
llamando las clases donde las necesito pero tampoco me funciono, no se que hacer, me pueden ayudar

Etiquetas: html, pdf
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 12:00.