                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /Canvas 绘制时钟

怎么用canvas写钟表刻度的时钟和分钟

怎么用数组遍历填写钟表的时钟和分钟

慕先生5424944

2017-08-09

源自：Canvas 绘制时钟 4-1

关注问题我要回答

2346

操作

收起

1 回答

落木栀子
2017-08-14

function drowHour(h,m) {
cxt.save();
cxt.beginPath();
var rad = 2 * Math.PI / 12 * h;
var mrad = 2 * Math.PI / 12 / 60 * m;
cxt.rotate(rad + mrad);
cxt.moveTo(0,10 );
cxt.lineTo(0,- r/2);
cxt.lineWidth = 6;
cxt.lineCap = "round";
cxt.stroke();
cxt.restore();
}
function drowMinits(m) {
cxt.save();
cxt.beginPath();
var rad = 2 * Math.PI / 60 * m;
cxt.rotate(rad);
cxt.moveTo(0,10);
cxt.lineTo(0,- r + 30);
cxt.lineWidth = 3;
cxt.lineCap = "round";
cxt.stroke();
cxt.restore();
}