witam
mam problem jak uzyskać następujący efekt - wraz z poruszaniem myszki zmiana kąta nachylenia elementu canvas - w tym przypadku linii

mam taki kod
  1. var angle = 0;
  2. $(document).mousemove(function(e){
  3.  
  4. var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
  5. angle = Math.atan2(e.pageY,e.pageX);
  6.  
  7.  
  8.  
  9. });
  10. function rys() {
  11.  
  12. var canvas = document.getElementById('test');
  13.  
  14. var c2d=canvas.getContext('2d');
  15.  
  16. c2d.clearRect(0,0,300,300);
  17.  
  18. c2d.translate(150,150);
  19.  
  20. c2d.rotate(Math.PI/180*200);
  21.  
  22. c2d.strokeStyle="#E33";
  23.  
  24. c2d.beginPath();
  25.  
  26. c2d.moveTo(0,20);
  27.  
  28. c2d.lineTo(0,110);
  29.  
  30. c2d.stroke();
  31.  
  32. c2d.restore();
  33.  
  34. }


jednak nie wiem jak powiązać ze sobą zwracaną wartość funkcji atan2 z funkcją rotate.

mam nadzieję że wyraziłem się jasno co do efektu jaki chcę uzyskać
w razie czego proszę pytać
pozdrawiam