如何使用html2canvas获取旋转图像

Question

我使用Guillotine JS来操纵图像旋转，缩放，位置，x，y，当用户完成更改时，我使用html2canvas来获取div中生成的最终图像，在这种情况下我的div有一个类.frame，所以，当用户放大或缩小时左右向上，向下移动时，我这样做：

html2canvas(target, {
    onrendered: function(canvas) 
    {
    var data = canvas.toDataURL("image/png");
    //console.log(data);
    var imgdata = data.replace(/^data:image\/(png|jpg);base64,/, "");
}
})

我已经跳过一堆代码，这是我唯一使用的东西，因为我得到了一个64base代码，用于我的div中的图像到目前为止一切正常，生成的图像正是我们需要的。 /> 问题是当旋转应用于图像时，我要使用带有width: 1036, height: 615px的图像在我的width:676, height:459px内使用a进行测试。 这是生成的图像

与以前相同，不同的区域

相同的图像，但这次它有一个旋转180＆＃39;
同一图像，旋转90＆＃39;


正如您在每次使用旋转时都看到的那样，结果是错误的 我该如何解决？ 我使用Imagemagick使用断头台数据进行死记硬背和裁剪图像，这里的问题是刻度是所有杂乱图像宽度*刻度只给出1 x 1px图像作为最终结果，如果我硬编码宽度和高度结果是同样，所以我喜欢找到一种用html2canvas修复旋转的方法。