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 canvas image rotate left rotate right

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

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

2 个答案: