☰

Muestras

tag-icon • tag-icon browser vector-graphics rendering print-to-pdf
Muestras

Esta es una pregunta crucial para muchos:

Buscando en la web, encontré varias herramientas de línea de comandos que le permiten convertir un documento HTML en un documento PDF, sin embargo, todas parecen usar su propio motor de renderizado, bastante incompleto, lo que resulta en una calidad deficiente.

¿Cómo se puede imprimir la salida renderizada de un navegador web moderno en pdf (y/o svg) conservando tantos gráficos vectoriales como sea posible?

Hay una solución llamada:webkit-pdf(que representa todo en gráficos de mapa de bits)

Buscoopciones,alternativas,sugerencias¿Quizás incluso un controlador de impresora o servicios web?

Actualización: hasta ahora encontré lo siguiente

Enlaces:

Gracias

Respuesta1

La salida renderizada es, por definición, una imagen de mapa de bits.

Los objetos vectoriales a partir de los cuales se construyó esa imagen de mapa de bits no son accesibles desde esa imagen renderizada.

Tendría que volver al HTML y CSS originales (etc.) y usar ese material original para producir una nueva representación basada en vectores usando una nueva implementación paralela de los algoritmos de diseño que se usaron para producir el mapa de bits.

La función "Imprimir como PDF" de Chrome parece preservar la naturaleza vectorial de las fuentes y algunas otras partes de la imagen final: puede ampliar indefinidamente, como se muestra a continuación, sin la pixelación obvia que se obtiene de las imágenes de mapa de bits en los archivos PDF.

ingrese la descripción de la imagen aquí

Respuesta2

tal vez quierasCreador de PDF(controlador de impresora), es unproyecto de código abiertoalojado enfuenteforge.net.

Acabo de imprimir una página HTML conVML(MSDN)gráfico vectorialintegrado desde el navegador IE, unSVGgráfico desde el navegador Firefox a PDFCreator, y PDFCreator conserva estos datos vectoriales.

Si no le importa la diferencia de los resultados renderizados entre la pantalla y el dispositivo de impresión (como mencionó en el comentario sobre elmedios de comunicaciónatributo deestiloetiqueta), entonces PDFCreator es una respuesta.

Muestras

Salida renderizada original del navegador al dispositivo de pantalla (logotipo SVG mostrado en Firefox 15.0.1)

Gráfico SVG mostrado en Firefox

Imprimir en la impresora PDFCreator (representada en el dispositivo de impresión)

Ver PDF en nivel de zoom 100%

Ampliar PDF 100%

Ver PDF en nivel de zoom 150% (zoom sin pérdida)

Ampliar PDF 150%

Más muestras basadas en gráficos vectoriales VML

sí, es solo texto rotado, pero ES un gráfico vectorial VML

Código HTML del gráfico vectorial VML

<html xmlns:v='urn:schemas-microsoft-com:vml'>
    <head>
        <style>v\: * { behavior:url(#default#VML); display:inline-block }</style>
    </head>

    <body>
        <v:line from="0,100" to="200,0" style="float:left">
            <v:path textpathok="True"/>
            <v:textpath on="True" string="SuperUser.com"/>
        </v:line>
        <h1>Q479701</h1>
        <p>
            PDFCreator retains vector graph
        </p>
    </body>
</html>

información relacionada