Wie wird das Logo auf jeder Seite des Drucks angezeigt?

Question

Ich arbeite an der Gestaltung des Berichts für meinen Kunden. Ich muss auf jeder Seite ein Logo anzeigen, wenn der Kunde den Bericht druckt.

hier ist mein HTML-Zeile, die ich auf der Kopfzeile jeder Seite setzen will, wenn ich auf Druckmodus:

<img style="page-break-before:always" src="/somepath/Content/images/logo.png" class="visible-print" style="width:200px;height:100px" alt="" /> 

Gibt es eine Möglichkeit, es zu implementieren?

Answer 1

Es gibt keine offizielle Unterstützung in HTML/CSS für das, was Sie brauchen.

Es gab einen Workaround mit position: fixed und top: 0 für das Element, das Sie als Kopfzeile (oder unten: 0 für Fußzeile) verwenden möchten, aber es funktioniert nicht in WebKit-Browsern, so dass mehr oder weniger nutzlos ist.

Vielleicht könnten Sie eine Bibliothek für den Export in PDF verwenden, wo Sie Header/Fußzeile oder andere benötigte Elemente angeben können. Beispiel für eine Bibliothek ist jsPDF