Я делаю часы на 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
