rotate canvas Opcje

[El Nino9]

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

[HTML] pobierz, plaintext 
	  var angle = 0;
		$(document).mousemove(function(e){
 
		  var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
		  angle = Math.atan2(e.pageY,e.pageX);
 
 
 
		   }); 
function rys() {
 
 var canvas = document.getElementById('test');
 
var c2d=canvas.getContext('2d');
 
		c2d.clearRect(0,0,300,300);
 
		c2d.translate(150,150);
 
		c2d.rotate(Math.PI/180*200);
 
		c2d.strokeStyle="#E33";
 
		c2d.beginPath();
 
		c2d.moveTo(0,20);
 
		c2d.lineTo(0,110);
 
		c2d.stroke();
 
		c2d.restore();
 
	   }
[HTML] pobierz, plaintext 

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

Ten post edytował El Nino9 7.06.2012, 23:10:14