☰

Proben

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

Für viele ist dies eine entscheidende Frage:

Bei meiner Suche im Internet habe ich mehrere Befehlszeilentools gefunden, mit denen man ein HTML-Dokument in ein PDF-Dokument konvertieren kann. Allerdings scheinen sie alle ihre eigene und eher unvollständige Rendering-Engine zu verwenden, was zu einer schlechten Qualität führt.

Wie können Sie die gerenderte Ausgabe eines modernen Webbrowsers im PDF- (und/oder SVG-)Format drucken und dabei so viele Vektorgrafiken wie möglich beibehalten?

Es gibt eine Lösung namens:webkit-pdf(das alles in Bitmap-Grafiken rendert)

ich suche nachOptionen,Alternativen,Vorschlägevielleicht sogar ein Druckertreiber oder Webdienste?

Update: Bisher habe ich folgendes gefunden

Links:

Danke

Antwort1

Die gerenderte Ausgabe ist per Definition ein Bitmap-Bild.

Auf die Vektorobjekte, aus denen dieses Bitmap-Bild erstellt wurde, kann von diesem gerenderten Bild aus nicht zugegriffen werden.

Sie müssten zum ursprünglichen HTML und CSS (usw.) zurückkehren und dieses Originalmaterial verwenden, um eine neue vektorbasierte Darstellung zu erstellen, indem Sie eine neue parallele Implementierung der Layoutalgorithmen verwenden, die zur Erstellung der Bitmap verwendet wurden.

Die Funktion „Als PDF drucken“ von Chrome scheint den Vektorcharakter von Schriftarten und einigen anderen Teilen des endgültigen Bildes beizubehalten – Sie können, wie unten gezeigt, unbegrenzt hineinzoomen, ohne die offensichtliche Pixelbildung, die bei Bitmap-Bildern in PDFs auftritt.

Bildbeschreibung hier eingeben

Antwort2

Du möchtest vielleichtPDF-Erstellungswerkzeug(Druckertreiber), es ist einOpen-Source-Projektgehostet beisourceforge.net.

Ich habe gerade eine HTML-Seite ausgedruckt mitVML(MSDN)Vektordiagrammeingebettet im IE-Browser,SVGDiagramm vom Firefox-Browser zu PDFCreator, und PDFCreator behält diese Vektordaten bei.

Wenn Sie sich nicht um den Unterschied der gerenderten Ergebnisse zwischen Bildschirm und Drucker kümmern (wie Sie in Ihrem Kommentar über dieMedienAttribut vonStilTag), dann ist PDFCreator eine Antwort.

Proben

Ursprünglich gerenderte Ausgabe des Browsers auf dem Bildschirmgerät (SVG-Logo wird in Firefox 15.0.1 angezeigt)

In Firefox angezeigtes SVG-Diagramm

Auf PDFCreator-Drucker drucken (auf dem Druckergerät gerendert)

PDF in Zoomstufe 100 % anzeigen

PDF-Zoom 100 %

PDF in Zoomstufe 150 % anzeigen (verlustfreier Zoom)

PDF-Zoom 150 %

Weitere Beispiele basierend auf dem VML-Vektordiagramm

ja, es ist nur gedrehter Text, aber es IST ein VML-Vektordiagramm

HTML-Code des VML-Vektordiagramms

<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>

verwandte Informationen