CSS3-Schreibmodus funktioniert nicht beim Exportieren nach Bild/PDF von Webseite

Question

Ich verwende die CSS3-Eigenschaft zum Rendern von vertikalem Text über einem Map-Bild. Dies wird in den neuesten Versionen von Chrome, Firefox usw. perfekt angezeigt. Chromfreie Bibliotheken wie PhantomJS oder die berühmte html2canvas können dies jedoch nicht im Ausgabebild wiedergeben. All das Layout und alles andere ist in der PNG-Ausgabe in Ordnung, aber dieser Text, der horizontal wird, ruiniert es. Gibt es eine Möglichkeit, die Seite, wie sie im Browser erscheint (wie ein Screenshot eines Wrappers div) mit Javascript zu erfassen?

Answer 1

Ich löste dies mit CSS-Transformation rotate, um den Text vertikal zu machen, und dann erkennt PhantomJS den vertikalen Text. Scheint wie writing-mode: tb-rl; ist zu neu, um von den meisten dieser Bibliotheken gerendert zu werden, die das DOM nehmen und es dann in ein Bild exportieren, das Canvas verwendet.