Показать сообщение отдельно
  #1 (permalink)  
Старый 09.11.2014, 13:05
Аспирант
Отправить личное сообщение для IVAAAAN Посмотреть профиль Найти все сообщения от IVAAAAN
 
Регистрация: 04.07.2013
Сообщений: 47

Преобразовать время в градусы(пишу часы)
Я делаю часы на JS. Как повернуть часовую стрелки в зависимости от времени? Мне надо преобразовать время в градусы или радианы? Мой код:
$(document).ready(function(){
    
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    var hours = new Date().getHours();
    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);
        
        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(20*Math.PI/180);
        ctx.drawImage(bee, -85, -90);
        ctx.restore(); 



    }
});

Скрин часов Imgur
Ответить с цитированием