Question

我在js上制作时钟。如何根据时间旋转时针？我需要以deg或rad转换时间吗？我的代码现在：

$(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);


    }
});

我的时钟sreen： Imgur

Answer 1

...数学

分手

60分钟是完整轮换
完整旋转为360度或2 * pi
60分钟的任何分数是360度或2 * pi
即。 23分钟是（23/60）* 2 * pi弧度或（23/60）* 360度
如果您想要一个连续移动的分针，请在几秒钟内添加1/60分钟

适用于时针

12小时是完整轮换
通过弄清楚每分钟是1/60的时间来增加分钟
使用与上述相同的规则转换为度数或弧度

如何在js中将时间转换为deg或rad？

1 个答案: