刚刚在笔记中翻到有同学的笔记是这样的
宝慕林3045059
ctx.font='18px Arial';//字体样式
ctx.textAlign='center';//左右居中
ctx.textBaseline='middle';//上下居中
hourNumbers.forEach(function(number,i){//遍历数组
var rad=2*Math.PI/12*i;//弧度
var x=Math.cox(rad)*(r-30);
var y=Math.sin(rad)*(r-30);
ctx.fillText(number,x,y);//按路径填充文本
})
宝慕林3045059
ctx.font='18px Arial';//字体样式
ctx.textAlign='center';//左右居中
ctx.textBaseline='middle';//上下居中
hourNumbers.forEach(function(number,i){//遍历数组
var rad=2*Math.PI/12*i;//弧度
var x=Math.cox(rad)*(r-30);
var y=Math.sin(rad)*(r-30);
ctx.fillText(number,x,y);//按路径填充文本
})
2017-12-01
首先要感谢老师!但是代码还是要写得严谨啊!照着老师的代码敲就是没有预期的效果,问题在
<canvas id="clock" width=200px height=200px></canvas>定义宽高不要用style....
<canvas id="clock" width=200px height=200px></canvas>定义宽高不要用style....
2017-11-28