problem z rotate() canvas Opcje

[El Nino9]

witam
nie mogę zrozumieć poprawnego działania tej funkcji

[HTML] pobierz, plaintext 
   var canvas = document.getElementById('canvas');
var context=canvas.getContext('2d');
 
context.beginPath();
 
context.moveTo(200, 100);
context.rotate(Math.PI * 90/180);
context.lineTo(200, 50);
 
context.stroke();
[HTML] pobierz, plaintext 

bez linijki context.rotate(Math.PI * 90/180) rysuje mi prostą linię
myślałem że po użyciu rotate(), dostanę to linię obróconą o 90 stopni
niestety tak się nie dzieje
jak w prawidłowy sposób otrzymywać transformację linii o dany kąt?
pozdrawiam