Come stampare un sito Web reso in pdf o grafica vettoriale? [chiuso]

Questa è una domanda cruciale per molti:

Cercando sul web, ho trovato diversi strumenti a riga di comando che consentono di convertire un documento HTML in un documento PDF, tuttavia sembrano tutti utilizzare il proprio motore di rendering piuttosto incompleto, con conseguente scarsa qualità

Come si può stampare l'output renderizzato di un moderno browser Web in pdf, (e / o svg) pur conservando la maggior quantità possibile di grafica vettoriale?

C'è una soluzione chiamata: webkit-pdf (che rende tutto a grafica bitmap)

sto cercando opzioni , alternative , suggerimenti forse anche un driver di stampante o servizi web?

Aggiornamento: finora ho trovato il seguente

link :

Stampa immagini di sfondo tramite fogli di stile
convertwebpage (uscita immagine)
pdfmyurl (non male, mette dentro un piccolo banner;)

Grazie

— Lorenz Lo Sauer
fonte

Potresti volere Creatore di PDF (Driver della stampante). Ho appena stampato una pagina HTML con un grafico vettoriale VML incorporato dal browser IE, un grafico SVG dal browser Firefox, PDFCreator conserva questi elementi vettoriali.

— LiuYan 刘研

@LiuYan 刘研 questo dovrebbe probabilmente essere una risposta. per favore, elabora. I browser limitano e riformattano il loro output stampato. ci sono alcuni trucchi css-media per includere le immagini di sfondo, ma anche allora ...

— Lorenz Lo Sauer

Risposte:

L'output renderizzato è, per definizione, un'immagine bitmap.

Gli oggetti vettoriali da cui è stata creata l'immagine bitmap non sono accessibili da quell'immagine renderizzata.

Dovresti tornare al codice HTML e CSS originale (ecc.) E utilizzare quel materiale originale per produrre una nuova rappresentazione basata su vettori utilizzando una nuova implementazione parallela degli algoritmi di layout utilizzati per produrre la bitmap.

La funzione "Stampa come PDF" di Chrome sembra preservare la natura vettoriale dei caratteri e alcune altre parti dell'immagine finale: puoi eseguire lo zoom in modo indefinito, come illustrato di seguito, senza l'evidente pixellation ottenuta dalle immagini bitmap nei PDF.

enter image description here

— RedGrittyBrick
fonte

Le funzioni di stampa interne del browser non sono ciò che sto cercando. Per rendering vedere ( en.wikipedia.org/wiki/Render ). Web browser engine: software that takes information and displays the formatted content on the screen

— Lorenz Lo Sauer

@Lo: Potrebbe essere utile modificare la tua domanda per specificare quali "opzioni, alternative e suggerimenti" hai già escluso (le ragioni potrebbero essere utili anche ai potenziali rispondenti)

— RedGrittyBrick

"How can you print the rendered output of a modern web-browser to pdf" ? Cambia il modo in cui la tua domanda è formulata se questo è non la risposta che desideri

— HaydnWVN

@HaydnWVN, RedGrittyBrick si prega di vedere in forma per modificare tuttavia si desidera migliorare la domanda e il contenuto. Sentiti libero di farlo in una wiki della comunità.

— Lorenz Lo Sauer

Non vedo alcun beneficio per wikiing questo. Suo il tuo domanda per il tuo problema. Come sappiamo cosa stai cercando di ottenere? RedGrittyBrick ha già risposto il tuo domanda originale!

— HaydnWVN

Potresti volere Creatore di PDF (driver della stampante), è un progetto open source ospitato a sourceforge.net .

Ho appena stampato una pagina HTML con VML ( MSDN ) grafico vettoriale incorporato dal browser IE, a SVG grafico dal browser Firefox, a PDFCreator e PDFCreator conserva questi dati vettoriali.

Se non ti interessa la differenza tra i risultati resi tra schermo e dispositivo di stampa (come hai detto nel commento al media attributo di stile tag), quindi PDFCreator è una risposta.

Campioni

Uscita di rendering originale del browser sullo schermo del dispositivo (logo SVG visualizzato in Firefox 15.0.1)

SVG graph displayed in Firefox

Stampa su PDFCreator stampante (resa su dispositivo stampante)

Visualizza PDF a livello di zoom 100%

PDF zoom 100%

Visualizza PDF nel livello di zoom 150% (zoom senza perdita)

PDF zoom 150%

Altri campioni basati sul grafico vettoriale VML

sì, è solo un testo ruotato, ma è un grafico vettoriale VML

Codice HTML del grafico vettoriale 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>

— LiuYan 刘研
fonte

questo è fantastico Il problema quindi è come stampare un sito Web completo così com'è? (senza applicare quei paralizzanti fogli di stile della stampante o qualsiasi cosa faccia il browser ...). È possibile in IE?

— Lorenz Lo Sauer