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

分针的旋转角度不对

function drawHour(hour){

ctx.save();

ctx.beginPath();

ctx.lineWidth = '5';

//设置线条末端为圆形

ctx.lineCap = 'round';

//每小时弧度 2*Math.PI/12 ==>Math.PI/6

var radHour = hour * Math.PI/6;

//旋转

ctx.rotate(radHour);

ctx.moveTo(0,0);

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

ctx.stroke();

ctx.restore();

}


function drawMinute(minute){

ctx.save();

ctx.beginPath();

ctx.lineWidth = '3' ;

var radMinute = minute * Math.PI/30;

ctx.rotate(radMinute);

ctx.moveTo(0,0);

ctx.lineTo(60,0);

ctx.stroke();

ctx.restore();

}

drawBackground();

drawHour(6);

drawMinute(30);

指向6点45分,这样看的话drawMinute的旋转是以3点为起始值得

提问者:cc_0501 2017-06-17 20:09

个回答

  • cc_0501
    2017-06-17 20:12:53

    画分针的时候先画了一条指向3点的线,所有以3点为起始值旋转了