问答详情
源自:3-2 Canvas绘制时钟内容

不明白r-30和r-18是什么,还有rad和x,y用到的数学表达式是什么意思,不明白function(number,i)为什么number就是前面数组的数字

不明白r-30和r-18是什么,还有rad和x,y用到的数学表达式是什么意思,不明白function(number,i)为什么number就是前面数组的数字

https://img1.mukewang.com/5bef931e0001dc4004220255.jpg

提问者:四方果和 2018-11-17 12:03

个回答

  • 慕斯8234454
    2020-05-20 20:50:51

    1. 像素,原canvas框宽高为200px,圆半径r 为100px,要减去外圆10px,以及时针要短一点所以r 减去30

    2. 整点数字的x位置 = Math.cos(rad)*(r-30); y位置 = Math.sin(rad)*(r-30); 
      rad的设置 var rad = 2*Math.PI /12 * i; 因程式不接受角度,只接受弧度,因此每个整点的弧度为 2 pi /12 ==>每个整点弧度  * i (顺序从3开始)

    3. function(number,i) , number 指 var hourNumber=[3,4,5,6,7,8,9,10,11,12,1,2]; i 指的是 1~12 的顺序

  • 四方果和
    2018-11-17 12:10:20

    不好意思不好意思,刚刚思考了一下,原来是x,y定位的地方,请忽略请忽略