Kraft Hintergrundfarbe Druck auf Firefox

Ich benutze die Barby Rubin Edelstein, die einen praktischen Weg zu render barcodes as HTML hinzufügt.Kraft Hintergrundfarbe Druck auf Firefox

Barby rendert basierend auf dem übergebenen Code eine Tabelle mit td Hintergründen. Das funktioniert ziemlich gut, weil ich für jeden Datensatz, für den ich einen Barcode benötige, keine Bilddatei erzeugen und speichern möchte.

Die wichtigsten Browser drucken standardmäßig keine Hintergrundfarben und ich muss den Barcode drucken, ohne dass der Benutzer eine Druckoption auf seinem lokalen System ändern muss.

Ich bin nicht sicher, wie dies mit Firefox zu erreichen. Mit WebKit (Chrome und Safari), es ist ziemlich einfach:

td { 
    background: #000 !important; 
    -webkit-print-color-adjust: exact; 
}

Feverish Googeln hat mich nicht wirklich überall bekommen: This Frage ein paar Jahre alt ist, und ich habe nichts gefunden neuer so dar, dass ich mich werde stelle die Frage erneut. Fat borders wird auch nicht wirklich funktionieren, denn wenn sich die Beziehung zwischen den Balken ändert, wird es die Daten im Code ändern.

Quelle

2016-01-25 Derek Povah

Ich bin so sehr traurig, da für diese :(keine Antwort Browser müssen besser unterstützen, ist das Drucken – RustyToms

Überraschenderweise sieht es aus wie einige der jüngsten Änderungen diese Arbeit machen mit dem. Neue Farbanpassungseigenschaft MDN hat noch nicht einmal Dokumentation dafür, also denke ich, dass es vielleicht noch in Entwicklung ist (September 2016) – RustyToms

@RustyToms Ich hasse es, Druck zu unterstützen lol –

Dies funktioniert in Firefox (mindestens Version 48.0.2) mit der Eigenschaft "color-adjust".

Ich sehe einen kleinen Bug oder zwei in meinem speziellen Projekt, aber die Hintergrundfarben zeigen sich!

Quelle

2016-09-26 19:07:00 RustyToms

Gute Antwort, löste mein Problem – Braj

Funktioniert hervorragend für bg-Farben Gibt es eine Möglichkeit für Farbeigenschaften? Meins ist noch Drucken der Farbe, wenn ich die Farbe auf weiß einstellen, sonst funktioniert es. – Jnanaranjan

Dies funktioniert für mich:

@media print { 
    body { 
     -webkit-print-color-adjust: exact; /*Chrome, Safari */ 
     color-adjust: exact; /*Firefox*/ 
    } 
}

Quelle

2017-06-01 16:05:34

Kraft Hintergrundfarbe Druck auf Firefox

Antwort

Verwandte Themen