html2canvas对哪些样式无效,html2canvas，样式不适用于画布？

我有一个div，我设置了一个背景图像，并在该div中我有一个图像，我操纵(调整大小，旋转和拖动)另一个div。一切工作正常，我收到一个图像，调整大小和位置风格正确应用，只有旋转样式恢复到零度角，即水平。有什么解决方法吗？

我的代码，

HTML：

Download

CSS：

#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;

}

的Javascript

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

}

});

});

2013-11-20

gregaj

+0

你能创造的jsfiddle吗？ –

+0

而不是图片我使用divs为示范目的。 http://jsfiddle.net/g5GGb/10/ –

+0

但是，如果您不使用canvas HTML标签，您会如何使用canvas？看看这个例子http://stackoverflow.com/questions/10673122/how-to-save-canvas-as-an-image-with-canvas-todataurl –