title: phantomjs - css transform rotate
body: <p>I have a webpage I want to print.
  for that I am using <code>phantomjs</code>.</p>
  
  <p>In the following example you will notice a strange effect.
  non of the rotated text has been rendered correctly</p>
  
  <p>I cant seem to get my head around how this can happen,
  chrome is rendering this perfectly and <code>phantomjs-webpage</code> userAgent is set to webkit.</p>
  
  <p>This is the link I'm trying to capture:</p>
  
  <p><a href="http://www.facegift.co.il/canvas/print.aspx?userItemId=27477&amp;Sc=974088&amp;pagenum=3&amp;width=1500&amp;print=2" rel="nofollow noreferrer">http://www.facegift.co.il/canvas/print.aspx?userItemId=27477&amp;Sc=974088&amp;pagenum=3&amp;width=1500&amp;print=2</a></p>
  
  <p>This is the image that's been rendered:
  <a href="https://i.stack.imgur.com/jBIPX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jBIPX.jpg" alt="enter image description here"></a></p>
  
  <p>and This is my code example:</p>
  
  <pre><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&amp;Sc=974088&amp;pagenum=3&amp;width=1500&amp;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);
  }
  });
  </code></pre>
  
  <p>Your help is highly appreciated.
  Thank you.</p>