title: html2canvas, styles not applied to canvas?
body: <p>I'm working on a script for manipulating pictures and saving it to an image.</p>
  
  <p>I have a div where i set a background image and in that div i have another div with an image which i manipulate (resize,rotate and drag around). Everything is working fine, i receive an image, resize and position styles are applied correctly, only rotate style is reverted back to zero degree angle, that is horizontally. Is there any workaround?</p>
  
  <p>My code,</p>
  
  <p>HTML:</p>
  
  <pre><code>        &lt;div id="canvas"&gt;
              &lt;div id="imgdiv"&gt;
                  &lt;img id="slika1" src="images/ocala.png"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="bottom"&gt;
              &lt;button id="shrani"&gt;
                  Download
              &lt;/button&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#canvas {
    float: left;
    width: 69%;
    height: 400px;
    border: 1px solid red;
    background-image: url('../images/face.jpg');
    background-size: 80% 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
  }
  
   #imgdiv {//
    border: 1px solid #000000;
    display: inline-block;
    z-index: 2;
  }
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code> //rotating code, i have a slider in div next to "canvas" div
   var img = $("#imgdiv");
   $("#rotate").slider({
          min : -180,
          max : 180,
          value : 0,
          change : function(event, ui) {
              if (event.originalEvent) {
                  img.css('-moz-transform', 'rotate(' + ui.value + 'deg)');
                  img.css('-webkit-transform', 'rotate(' + ui.value + 'deg)');
                  img.css('-o-transform', 'rotate(' + ui.value + 'deg)');
                  img.css('-ms-transform', 'rotate(' + ui.value + 'deg)');
                  kot = ui.value;
              } else {
  
              }
          }
      });
  
    //html2canvas code
    $("#shrani").click(function() {
  
          html2canvas($("#canvas"), {
              onrendered : function(canvas) {
                  var data = canvas.toDataURL();
                  window.open(data);
              }
          });
  
      });
  </code></pre>