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

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和平移（如果您不习惯矩阵转换，则可能会很棘手）。 快速示例 。