html2canvas旋转

要实现 html2canvas 旋转的效果，可以通过以下步骤：

1. 使用 CSS3 transform 属性旋转元素。例如：transform: rotate(30deg);

2. 等待元素旋转到所需的角度后，使用 html2canvas 将元素转换为 canvas。

3. 将 canvas 旋转回原来的角度。可以使用以下代码：context.rotate(-30*Math.PI/180);

4. 最后将旋转后的 canvas 插入到页面中。

下面是一个示例代码：

//旋转元素
$("#myDiv").css("transform", "rotate(30deg)");

//等待元素旋转到所需的角度
setTimeout(function(){
  //使用html2canvas将元素转换为canvas
  html2canvas(document.querySelector("#myDiv")).then(canvas => {
    //创建一个新的canvas元素
    var newCanvas = document.createElement("canvas");
    newCanvas.width = canvas.width;
    newCanvas.height = canvas.height;
    
    //将新canvas旋转回原来的角度
    var context = newCanvas.getContext("2d");
    context.rotate(-30*Math.PI/180);
    context.drawImage(canvas, 0, 0);
    
    //将旋转后的canvas插入到页面中
    document.body.appendChild(newCanvas);
  });
}, 1000);