从网页导出到image / pdf时，CSS3书写模式不起作用

Question

我正在使用CSS3属性writing-mode: tb-rl;在地图图像上渲染垂直文本。这在Chrome，Firefox等最新版本中表现得非常完美。但是，像PhantomJS或着名的html2canvas这样的无铬库无法在输出图像中呈现这一点。 png输出中的所有布局和其他所有内容都很好，但是这个文本变得水平正在破坏它。有没有办法捕获页面，因为它出现在浏览器中（就像使用Javascript的包装器div的截图）？

Answer 1

我通过使用CSS转换rotate来解决这个问题，使文本垂直，然后PhantomJS识别垂直文本。似乎writing-mode: tb-rl;似乎太新了，不能被大多数这些带来DOM的库渲染，然后使用Canvas将其导出到图像中。