html2canvas 旋转
时间: 2023-06-30 13:25:39 浏览: 217
要在 html2canvas 中旋转图像,可以使用 CSS transform 属性。可以将 transform 属性设置为 rotate() 函数,该函数将图像旋转指定的角度。以下是一个示例代码:
```javascript
html2canvas(document.querySelector("#myDiv"), {
onrendered: function(canvas) {
var ctx = canvas.getContext('2d');
ctx.translate(canvas.width/2, canvas.height/2);
ctx.rotate(Math.PI / 4);
ctx.translate(-canvas.width/2, -canvas.height/2);
document.body.appendChild(canvas);
}
});
```
在上面的代码中,我们将图像旋转了 45 度。首先,将画布的原点移到画布的中心点。然后,在该中心点处旋转画布。最后,再次将画布的原点移回到左上角,以便在画布上绘制其他内容。
阅读全文