为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/Html5

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

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

 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);
}

駒一

2016-08-10

源自：炫丽的倒计时效果Canvas绘图与动画基础  3-2

关注问题 我要回答
677
操作
收起

正在回答

1 回答

weibo_cc芐_03627579
2016-08-10

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

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
炫丽的倒计时效果Canvas绘图与动画基础
  • 参与学习       96746    人
  • 解答问题       1000    个

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

进入课程

本课相似问答

2 回答这段代码中这个renderDigit( MARGIN_LEFT + 30*(RADIUS + 1) , MARGIN_TOP , 10 , cxt )的10是怎么得出的啊？为啥不是别的数

1 回答radius不是8吗？为什么7呢？

1 回答我想问一下updateBalls();if(balls[i].y >= window_height - radius){//碰撞检测 balls[i].y = window_height - radius; if条件已经判断一次了为什么还要再下面写一次

2 回答计算半径（RADIUS）的时候为什么要*4/5

2 回答帮我看看代码，显示一直是00:00:00，当前日期是：2016/1/19
搜索更多本课相关问答

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信