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

请参阅此帖子

HTML5帆布图像旋转左旋转

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

Answer 2

你可以使用css3进行旋转：

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