0

ユーザーが何らかのペンで描画できるキャンバスがあります。キャンバスの高さは幅よりわずかに大きくなります。実際のサイズは、いくつかの変数によって異なります。ユーザーが自分の絵を回転できるようにしたい。古いキャンバスを回転させて描く新しいキャンバスを作成しています。

以下は、私が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度の脱脂のために、サイズを変更する必要があります。そうしないと、サイズが合わなくなります。どこから始めればよいかさえわかりません。これを行う方法についてのアイデアはありますか？

4

2 に答える 2

0

回転に CSS3 を使用できます:like

h1
{
rotation-point:50% 50%;
rotation:180deg;
}
于 2012-10-20T16:37:10.183 に答える
0

この投稿を見る

HTML5 キャンバス画像 左回転 右回転

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

于 2012-10-23T09:09:37.880 に答える