Foros del Web » Programando para Internet » PHP »

DOMPDF - Imagen de fondo

Estas en el tema de DOMPDF - Imagen de fondo en el foro de PHP en Foros del Web. Hola a todos. En mi trabajo estoy generando una app que me genere un diploma el cual tiene los datos de una determinada persona y ...
  #1 (permalink)  
Antiguo 08/05/2013, 12:24
 
Fecha de Ingreso: noviembre-2009
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
DOMPDF - Imagen de fondo

Hola a todos.

En mi trabajo estoy generando una app que me genere un diploma el cual tiene los datos de una determinada persona y también tiene un fondo de diploma.

Estoy usando DOMPDF, He logrado colocar la imagen de fondo, pero me la tira en medio de la pagina, la idea es que ocupe toda la pagina.

Originalmente la imagen tien dimension de 1280x760 y la agrego mediante css con background.

alguien que haya logrado colocar una imagen a full page porfavor es urgente.

Un saludo.
  #2 (permalink)  
Antiguo 08/05/2013, 15:10
 
Fecha de Ingreso: abril-2011
Mensajes: 31
Antigüedad: 8 años, 7 meses
Puntos: 2
Respuesta: DOMPDF - Imagen de fondo

Tienes que primero ubicarte en el archivo dompdf_config.custom.inc.php y descomenta la libreria define("DOMPDF_ENABLE_REMOTE", true); linea 11 creo.... permitira que se vean las imagenes, dado sea el caso si usas un framework.

ahora para el fondo completo lo puedes aplicar desde background como ya comentastes....

Saludos!!...
  #3 (permalink)  
Antiguo 08/05/2013, 16:39
 
Fecha de Ingreso: noviembre-2009
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Respuesta: DOMPDF - Imagen de fondo

OK... Gracias.

El problema no es la visualización, ya que a mi si se me ven las imágenes... lo que no puedo ajustarlas al tamaño de la pagina.

alguna idea??
  #4 (permalink)  
Antiguo 09/05/2013, 07:30
 
Fecha de Ingreso: abril-2011
Mensajes: 31
Antigüedad: 8 años, 7 meses
Puntos: 2
Respuesta: DOMPDF - Imagen de fondo

mmmmmm.... tu lo que quieres es que la imagen se vea un 100% en el body, algo como un Resize Inteligente, una sola imagen en el body, bien..... bueno aplica esto al css, a la etiqueta del body:

1 Forma

Código CSS:
Ver original
  1. background: url(http://1.bp.blogspot.com/-DKFKsZSOsAU/UXjiY_b5FDI/AAAAAAAADS0/tAniC34Sdzg/s1600/pixar-animation-studios.jpg) no-repeat center center fixed;
  2.         -webkit-background-size: cover;
  3.         -moz-background-size: cover;
  4.         -o-background-size: cover;
  5.         background-size: cover;


para poder aplicar esto tienes que asegurarte de que el tamaño de la imagen sea exacto a la pagina que sera generada por dompdf(ejemplo que el tamaño se adecue al las dimensiones de una hoja tamaño carta A4), estas acciones son aplicadas usando css3 toma en cuenta eso.........

2 Forma
ahora hay otra forma que es usando Jquery en mi caso no me gusta usarlo mucho puesto que puede que se de el caso de que al cargar la pagina por X cosa no cargue el .js y se va a ver distorcionada la vista,... bueno te explico esta forma:

nesecitaremos la libreria jquery en este caso use jquery-1.7.2.min.js tu tambien la puedes usar y tambien use la libreria smartBackgroundResize-1.0-jquery-plugin.js son librerias ya trabajas y hechas......

aqui un ejemplo para que veas tu mismo
Código PHP:
Ver original
  1. <html>
  2.     <head>
  3.         <title>jQuery Plugin Redireccionar Imagen 100%</title>
  4.         <meta name="title" content="jQuery Plugin Background Resize">
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        
  7.         <script language="javascript" type="text/javascript" src="jquery-1.7.2.min.js"></script>
  8.         <script language="javascript" type="text/javascript" src="smartBackgroundResize-1.0-jquery-plugin.js"></script>
  9.                
  10.         <script type="text/javascript">
  11.             $(document).ready(function(){
  12.                 $('#background').smartBackgroundResize({
  13.                     image: 'http://www.hdwallpapers.in/walls/pixar_brave-wide.jpg'             
  14.                 });
  15.             });
  16.         </script>      
  17.     </head>
  18.     <body>     
  19.    
  20.         <div id="background"></div>
  21.        
  22.     </body>
  23. </html>

las 2 librerias la puedes descargar desde aqui:
Jquery 1.7
http://www.4shared.com/document/hQSeVEu2/jquery-172min.html

martBackgroundResize-10-jquer.js
http://www.4shared.com/document/H9GhZpvh/smartBackgroundResize-10-jquer.html

acuerdate de ubicar bien la direccion de los archivos.....

saludos!!!

cualquier cosa comenta...

Última edición por 01munrra; 09/05/2013 a las 07:46

Etiquetas: dompdf
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




La zona horaria es GMT -6. Ahora son las 07:37.