Winnovatives HTML an PDF und CSS-Schreibmodus: TB-RL

StackOverflow https://stackoverflow.com/questions/8379139

  •  28-10-2019
  •  | 
  •  

Frage

Wenn ich den CSS-Stil 'Schreibmodus: TB-RL', der zum Schreiben vertikaler Text verwendet wird, in den HTML-Stream, der in PDF konvertiert werden soll von Seiten, die hätte ergeben sollen, was immer richtig gezählt wird.

In einem 70 -seitigen PDF werden beispielsweise 70 Seiten angezeigt, aber die ersten 30 zwischen 30 und 59 wiederholen und dann die ersten 10 erneut für 60 angezeigt.

Wenn ich den vertikalen Text entferne, dh der Stilschreibmodus: TB-RL, kehrt alles wieder normal. Der vertikale Text wird auf Seite 21 korrekt gerendert.

Dies geschieht in unserem Code, der die PDF -Bibliothek verwendet, und auch in dem von Winnovative bereitgestellten Beispiel.

Hat sich das schon einmal damit befasst? Ich würde eine Lösung lieben oder arbeiten, da winnovativ langsam auf irgendetwas reagiert. Vielen Dank

War es hilfreich?

Lösung

Ich habe nie eine direkte Arbeit zu diesem Thema gefunden.

Winnovatives HTML2PDF ist in der gesamten Version (bis zu 7) inkonsistent, wenn die Ausgabe vertikaler Text in einem mehrseitigen Dokument enthält.

Ich würde vermuten, dass dies mit Seiten fließend/messen Berechnungen zu tun hat.

Eine Alternative, die wir getestet haben, um zu arbeiten (wir haben jedoch aus anderen Gründen nicht verwendet), war, zu EVO PDF zu wechseln - ein winnovatives Schwesterprodukt und ihre empfohlene Lösung für mehrere im Internet Explorer basierende Probleme, die in der winnovativen HTML2PDF -Lösung offensichtlich sind.

Unsere Lösung am Ende bestand darin, die vorhandene winnovative Bibliothek zu verwenden, um die Seiten mit vertikalem Text in nicht übergebene Bilder (Vollhöhe) umzuwandeln, und dann das Bild in die PDF einbetten.

Andere Tipps

Das Rendering des Winnovative HTML zum PDF -Konverter ist mit dem Webkit -Rendering kompatibel. Der unterstützte Weg zum Drehen von Text besteht darin, CSS -Webkit -Transform -Eigenschaft zu verwenden. Beispielsweise können Sie einen ganzen Div 5 Grad im Uhrzeigersinn mit dem folgenden Code drehen:

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 200px;
    height: 100px;
    background-color: yellow;
    /* Rotate div */
    -webkit-transform: rotate(5deg); 
}
</style>
</head>
<body>

<div>Hello</div>

</body>
</html>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top