キャンバスを回転JS

の画像に変換した後、私はそうのような画像に変換canvasを有する、キャンバスを回転JS

var can = document.getElementById('canvas'); 
var ctx = can.getContext('2d'); 
var img = new Image(); 
img.src = can.toDataURL();

私は今、この画像を回転させる必要がありますか？出来ますか？あなたはそれにあなたの画像データを描画し、それは2dDrawingContextだ回転し、新しいキャンバスを作成する必要が

出典

2017-02-21 Usama Rehan

申し訳ありませんが、これは重複しているとは思われません。私はこれがCSSではなくjsで行われる必要があります。回転したらイメージを新しいウィンドウに転送するからです。 –

キャンバスのサイズが回転を基準に反映されている2番目の答え（http://stackoverflow.com/a/29398757/1693593）は、おそらくあなたが望むものです。 – K3N

解決済みです:) –

は、そこからソース

var canvas = document.createElement('canvas'); 
var ctx2 = canvas.getContext('2d'); 
ctx2.rotate(Math.PI/2); 
ctx2.putImageData(ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height), 0, 0);

としてあなたがctx2.toDataURL()を呼び出すことができますし、あなたのイメージでそれを平手打ちすることを設定します。

出典

2017-02-21 14:56:08 Kyle

答えて

関連する問題