phantomjs-CSS转换旋转

Question

我有一个要打印的网页。为此我使用phantomjs。

在下面的示例中，您会注意到一个奇怪的效果。非旋转文字已正确呈现

我似乎无法理解这种情况如何发生，chrome完美地呈现了这种情况，而phantomjs-webpageuserAgent设置为webkit。

这是我要捕获的链接：

http://www.facegift.co.il/canvas/print.aspx?userItemId=27477&Sc=974088&pagenum=3&width=1500&print=2

这是已渲染的图像：

这是我的代码示例：

var page = require('webpage').create();
var args = require('system').args;

var isLoad = false;

page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.120 Safari/537.36';

page.viewportSize = { width: 500, height: 687.5 };

page.open('http://www.facegift.co.il/canvas/print.aspx?userItemId=27477&Sc=974088&pagenum=3&width=1500&print=2', function (status) {
var ue = page.evaluate(function () {
    return window.navigator.appVersion;
});
console.log("status: " + status);
console.log("ue: " + ue);

if (status === "success") {

    var timer = setInterval(function () {
        var ps = page.evaluate(function () {
            document.body.bgColor = 'white';
            return document.getElementById("pageStatus").innerHTML;
        });


        if (!isLoad) {
            console.log("wait...");
            if (ps == "loaded") {
                clearInterval(timer);
                console.log("loaded");
                isLoad = true;
                page.render('new/exam.jpg');
                phantom.exit();
            }
        }
    }, 10);
}
});

非常感谢您的帮助。谢谢。