问答详情
源自:3-3 Canvas静态的时分秒

时针显示不正确

function drawHour(hour,minute){

ctx.save();

ctx.beginPath();

var rad  = 2 * Math.PI / 12 * hour;

var mrad  = 2 * Math.PI / 12 /60 * minute; 

ctx.rotate(rad + mrad);

ctx.lineWidth = 6;

ctx.lineCap = 'round';

ctx.moveTo(0,10);

ctx.lineTo(0,-r/2);

ctx.stroke();

ctx.restore();

}

function drawMinute(minute){

ctx.save();

ctx.beginPath();

var rad = rad = 2*Math.PI/60 * minute; 

ctx.rotate(rad);

ctx.lineWidth = 3;

ctx.lineCap = 'round';

ctx.moveTo(0,10);

ctx.lineTo(0,-r + 10);

ctx.stroke();

ctx.restore();

}


drawBackground();

drawHour(4);

drawMinute(30);


提问者:qq_阳光你好_03224775 2018-02-27 09:55

个回答

  • cjc小隐_0
    2018-02-27 11:45:50
    已采纳

    drawHour(4);改为drawHour(4,30);

  • 浮世绘浮生
    2018-02-27 11:20:59

    rad=hour/6*Math.PI  = = 一圈360°是2π 分为12份  那么6份就是π  小时数除于6 表示有几份π