帆布 时钟数字
第三部分 - 绘制时钟数字
时钟需要数字。创建一个 JavaScript 函数来绘制时钟数字：
JavaScript的：
函数 drawClock() {
drawFace（ctx，半径）；
绘制数字（ctx，半径）；
}
函数 drawNumbers(ctx，radius) {
沒有編號；
变量数字；
ctx.font = 半径 * 0.15 + “px arial”;
ctx.textBaseline = “中间”;
ctx.textAlign =“中心”;
对于（num = 1; num < 13; num++）{
ang = num * Math.PI / 6;
ctx.旋转（角度）；
ctx.翻译（0，-半径*0.85）；
ctx.旋转（-ang）；
ctx.填充文本（num.toString()，0，0）；
ctx.旋转（角度）；
ctx.translate（0，半径*0.85）；
ctx.旋转（-ang）；
}
}
亲自尝试 »
示例解释
将（绘图对象的）字体大小设置为半径的 15％：
ctx.font = 半径 * 0.15 + “px arial”;
设置文本对齐方式为中间以及打印位置的中心：
ctx.textBaseline = “中间”;
ctx.textAlign =“中心”;
计算打印位置（针对 12 个数字）到半径的 85%，每个数字旋转（PI/6）：
对于（num = 1; num < 13; num++）{
ang = num * Math.PI / 6;
ctx.旋转（角度）；
ctx.翻译（0，-半径*0.85）；
ctx.旋转（-ang）；
ctx.填充文本（num.toString()，0，0）；
ctx.旋转（角度）；
ctx.translate（0，半径*0.85）；
ctx.旋转（-ang）；
}
