キャンバスに描かれる画像をどのように回転させるのですか？

Question

はとてもキャンバスを持つとcanvasContextは私が複数回

そのキャンバスに画像を描画したいので、私が持っているようなコード：私は、画像を回転させないでくださいここ

var img = new Image(); 
    img.src = 'http://superior0.narod.ru/5050.png'; 
function drawLine(g, n, x1, y1, x2, y2){ 

    g.drawImage(img,x1,y1,10,10); 
} 

。ポイントx1、y1からx2、y2に描画されると、線がどのように回転するかという形で回転させる必要があります。

HTML5とJavascriptでこのようにするにはどうすればいいですか？ （一つだけキャンバスを使用すること）

あなたがあればトリッキーなことができ、正しい順序（に回転を起動し、変換するために世話をして、コンテキストのrotateメソッドを使用しacrionにhere

Answer 1

で問題を見ることができます行列変換には使用されていません）。 Quick example。