这一串代码中 15*(RADIUS+1) 30*(RADIUS + 1) 54*(RADIUS+1) 78*(RADIUS+1) , 这些为什么是15,30,54等,一节还是不太明白这串代码

来源:3-2 倒计时数字钟的具体绘制

駒一

2016-08-10 20:36

 renderDigit( MARGIN_LEFT , MARGIN_TOP , parseInt(hours/10) , cxt )
   renderDigit( MARGIN_LEFT + 15*(RADIUS+1) , MARGIN_TOP , parseInt(hours%10) , cxt )
   renderDigit( MARGIN_LEFT + 30*(RADIUS + 1) , MARGIN_TOP , 10 , cxt )
   renderDigit( MARGIN_LEFT + 39*(RADIUS+1) , MARGIN_TOP , parseInt(minutes/10) , cxt);
   renderDigit( MARGIN_LEFT + 54*(RADIUS+1) , MARGIN_TOP , parseInt(minutes%10) , cxt);
   renderDigit( MARGIN_LEFT + 69*(RADIUS+1) , MARGIN_TOP , 10 , cxt);
   renderDigit( MARGIN_LEFT + 78*(RADIUS+1) , MARGIN_TOP , parseInt(seconds/10) , cxt);
   renderDigit( MARGIN_LEFT + 93*(RADIUS+1) , MARGIN_TOP , parseInt(seconds%10) , cxt);
}

写回答 关注

1回答

  • weibo_cc芐_03627579
    2016-08-10 21:23:03

    第一个数字距离画布是MARFIN_LEFT,第二数字距离画布左边的距离就需要加上第一个数字的宽度,而每个数字都由七个格子组成的 ,所以数字的宽度就是7*2*(RADIUS + 1),每个数字之间都不是紧挨着的,有一定的距离,这个距离就是(RADIUS + 1),所以第二个数字距离画布的左边距就是15*(RADIUS + 1),依次类推就可以了。这个是我的理解哈。还有注意冒号所占的格子和数字是不一样的。

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题