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