如何旋转将绘制到画布上的图像？

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中执行此类操作？ （只能使用一个画布）

您可以在acrion here

中看到问题

Answer 1

使用上下文的rotate方法，注意调用旋转并按正确顺序翻译（如果你不习惯矩阵变换，这可能会很棘手）。 Quick example