2014-11-09 26 views
0

我在js上製作時鐘。如何根據時間旋轉時針?我需要用deg或rad來轉換時間?現在我的代碼:如何將時間轉換爲deg或rad的js?

$(document).ready(function(){ 

    var canvas = document.getElementById('canvas'); 
    var ctx = canvas.getContext('2d'); 

    var img = new Image(); 
    var bee = new Image(); 
    var i = 40; 
    img.src = "images/clock.jpg"; 


    img.onload = function(){ 
     bee.src = "images/bee.jpg"; 
     ctx.drawImage(img, 0, 0); 
     ctx.drawImage(bee, 95, 90); 

     setInterval(function(){ 
      i = i+1; 
      ctx.save(); //saves the state of canvas 
      ctx.clearRect(0, 0, canvas.width, canvas.height); //clear the canvas 
      ctx.drawImage(img, 0, 0); 
      ctx.translate(canvas.width/2,canvas.height/2); 
      ctx.rotate(225*Math.PI/180); 
      ctx.drawImage(bee, -85, -90); 

      ctx.restore(); 

     }, 100); 


    } 
}); 

我的時鐘篩網: Imgur

回答

1

數學...

對於分針

  • 60分鐘完整旋轉
  • 一個完整的旋轉是360度或2 * pi
  • 任何60分鐘的小數部分是360度或2 * pi的分數,即23分鐘是(23/60)* 2 * pi弧度或(23/60)* 360度
  • 以秒爲單位加1/60一分鐘,如果你想連續移動分針

對於時針

  • 12小時是一個完整的旋轉
  • 添加在幾分鐘搞清楚每分鐘是的1/60小時
  • 使用與上述相同的規則轉換爲度數或弧度
相關問題