如何旋轉將在畫布上繪制的圖像？

Question

所以有一個canvas和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中執行此類操作？ （僅需使用一張畫布）

你可以在這里看到a的問題

Answer 1

使用上下文的rotate方法，注意以正確的順序調用rotate和平移（如果您不習慣矩陣轉換，則可能會很棘手）。 快速示例 。