绘制小时刻度

绘制小时刻度,我们需要回顾下，之前学的知识 ：角度弧度制转换，如下：

弧度制单位：rad 角度制单位：度 → 180度 = PI弧度 → 1度 = PI弧度/180度 → 1弧度= 180度/PI弧度

得出角度转换公式

弧度 = 角度*PI/180

角度 = 弧度*180/PI

ctx.save(); // 记录旋转画布之前初始状态
for (var i=0;i<12;i++){
    ctx.beginPath();
    var rad = Math.PI / 6; // Math.PI/6 弧度制，大刻度，总共分为12刻度，每刻度为：2π/12 → π/6
    ctx.rotate(rad);   //  旋转画布绘制刻度
    ctx.moveTo(100,0);
    ctx.lineTo(120,0);
    ctx.stroke();
}
ctx.restore();