HTML escala proporcionalmente para ajustarla exactamente a PDF tamaño A4

Question

estoy usando PHP, MySQL, jQuery. Tengo una página web que se va a convertir en alta resolución de tamaño A4 PDF: http://optisolbusiness.com/funeral_site/sample/index/id/255.

que han convertido el HTML a PDF utilizando wkhtmltopdf, que funciona muy bien.

Aquí es el PDF generado http://optisolbusiness.com/Guru/Gurupdf/optisol.pdf. Pero el HTML no se ajusta exactamente al tamaño del PDF; Hay espacios alrededor del HTML en PDF. ¿Cómo escalar HTML para adaptarse al tamaño de PDF A4 al 100%? Es importante destacar que el contenido en el interior del tamaño del texto html (es decir), las imágenes de la anchura y la altura, imágenes de fondo también puede escalar proporcionalmente.

Answer 1

su imagen de fondo no es precisamente alta resolución, esto no se ven muy bien en la impresión.

No sé wkhtmltopdf sí mismo, pero su cuerpo ya tiene dimensiones absolutas establecidas (en pulgadas). Este es probablemente el problema. Su cuerpo tiene un tamaño máximo, el contenido también tiene un tamaño absoluto (debido a las dimensiones de píxeles de la imagen de fondo).

Esto no es un buen punto de partida para transformaions-html-to-print y PDF es esencialmente de impresión.

qué hacer (intermedia)

• retire las restricciones de tamaño del cuerpo
• wkhtml ... ha llamado un interruptor zoom, 1.5 debe ser un valor adecuado para llenar la página
• utilizar el tamaño de la página a4

qué hacer (la forma "correcta")

• restricciones de tamaño Retirar del cuerpo
• acumulación de las fronteras de fondo (los negros) con elementos de HTML y CSS estilo
  • abstenerse de definir reglas "ancho" para aquellos. Solo tendrá que definir un "ancho" una vez, todos los demás anchos deben establecerse en "auto".
  • alturas será problemático, porque los divs son tan altos como su contenido lo requiera. Pero la altura de ajuste: 100% no respeta los tamaños de bordes y márgenes.
• cruz amarilla que podría ser diseñado de CSS también, o una resolución mucho más alta png/jpeg
• Use únicas dimensiones "reales".Eso significa que no usa píxeles, puntos de uso, pulgadas o mm. Puedes usar% values, pero asegúrate de que esos sean% de dimensiones reales (eso significa que en algún punto un elemento padre tiene una dimensión real)

Answer 2

puede establecer el tamaño del cuerpo con el tamaño de la página .. en caso de que A4 es 210x297mm.

Por cierto: sólo se debe utilizar el ancho en porcentaje, de lo contrario wkhtmltopdf tendrá que tratar de convertirlo.

Así que asegúrese de usar width: 100%; si desea que se llene toda la habitación. ;)

BTW: Si quiere PDF de alta calidad real, tendrá que crearlos conforme al menos al PDF/X-3 standard. No creo wkhtmltopdf hace eso aunque.

Answer 3

Yo diría que siempre vas a tener dificultades para consigue esto para ser perfecto. En mi opinión, es mejor escribir el PDF directamente en lugar de confiar en una herramienta de terceros.

Considere buscar en FPDF, una biblioteca de escritura de PDF de código abierto. Tenga cuidado, el sitio web no está actualizado, pero la funcionalidad funciona muy bien.