Phantomjs - css transform rotate

Question

Phantomjs - css transform rotate

I have a webpage that I want to print. I use for this phantomjs.

In the following example, you will notice a strange effect. not rotated text was displayed correctly

I don't seem to understand how this can happen, chrome does it perfectly, and phantomjs-webpageuserAgent is installed in webkit.

This is the link I'm trying to capture:

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

This is the image that was shown:

and this is my sample code:

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);
}
});