jquery 2D Transformation Plugin

Redya69 · August 5, 2012


<html>

   <?php header("Content-type: text/html; charset=utf8"); ?>

   <head>

      <script type="text/javascript" src="js/jquery.js"></script>
	  <script type="text/javascript" src="js/jquery.transform.js"></script>

	  <script type="text/javascript">
	     degr = 0;

	     function rota(deg) {
	        degr += deg;
	        document.getElementById('rotateinfo').innerHTML = degr;
			var punzer = $('#punzer');			
		    $(function(){
			   punzer.animate({transform: 'rotate(' + degr + 'deg)'}, 'slow', 'linear');
		    });
         }	
	  </script>

   </head>

   <body onkeydown="if(event.keyCode == 68) rota(5); if(event.keyCode == 65) rota(-5);">
      <div>
         <p>Rotate: <ppp id="rotateinfo">0</ppp> deg</p>
         <img src="pic/punzer.jpg" id="punzer" style="position:absolute; top:150px; left:250px" />
      </div>
      <script type="text/javascript"></script>
   </body>
</html>

По нажатию на клавиатуре кнопок "d" и "a" изображение должно поворачиватся вправо или в влево на 5 градусов. В диапазоне от -10 до 10 градусов поворачивается нормально, а на значениях 15 или -15 зависает. Если шаг сделать 10 градусов, то, соответственно, зависает на значениях 30 и -30 градусов. Подскажите что не так.

Пример тут: http://cyanea.ru/game/p.php

Оказывается зависает только в Mozille. в IE и Хроме поворачивается, но все равно с какими-то подергиваниями. Есть какой-то другой метод поворачивания изображения?

Edited August 5, 2012 by Redya69

wildhind · August 5, 2012

Есть какой-то другой метод поворачивания изображения?

canvas

Sign In

jquery 2D Transformation Plugin

Question

Redya69

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

wildhind

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information