Как повернуть изображение, которое будет нарисовано на холсте?

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 здесь

Answer 1

Используйте метод контекста rotate , стараясь вызвать вращение и перевод в правильном порядке (что может быть непросто, если вы не привыкли к матричным преобразованиям). Быстрый пример .