javascript - HTML5 画布，用户绘图调整大小和旋转

Question

我有一个画布，用户可以用某种笔在上面画画。画布高度略大于宽度。实际大小取决于几个变量。我想让用户能够旋转他/她的绘图。我正在创建一个新画布，在其上绘制旋转的旧画布。

以下是我如何进行 180 脱脂。

if(rotation==180){
    ctx.translate(canvas.width/2, canvas.height/2);
    ctx.rotate(Math.PI);
    ctx.translate(-canvas.width/2, -canvas.height/2);
    ctx.drawImage(drawing,0,0);
}

现在对于 90 脱脂，我还必须调整大小，否则它将不再适合。我什至不知道从哪里开始。关于如何做到这一点的任何想法？

Answer 1

你可以使用 CSS3 进行旋转：比如

h1
{
rotation-point:50% 50%;
rotation:180deg;
}

Answer 2

看到这个帖子

HTML5画布图像向左旋转向右旋转

http://phptechworld.blogspot.in/2012/10/html5-canvas-image-rotation.html