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

来源:3-2 Canvas绘制时钟内容

四方果和

2018-11-17 12:03

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

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

写回答 关注

2回答

  • 慕斯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定位的地方,请忽略请忽略

    初学者FIH

    我不怎么明白,可以解释一下吗?谢谢

    2019-12-09 16:36:08

    共 1 条回复 >

Canvas 绘制时钟

canvas画出漂亮的时钟,通过本教程能重新掌握一些几何知识

49750 学习 · 160 问题

查看课程

相似问题