駒一
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);
}
第一个数字距离画布是MARFIN_LEFT,第二数字距离画布左边的距离就需要加上第一个数字的宽度,而每个数字都由七个格子组成的 ,所以数字的宽度就是7*2*(RADIUS + 1),每个数字之间都不是紧挨着的,有一定的距离,这个距离就是(RADIUS + 1),所以第二个数字距离画布的左边距就是15*(RADIUS + 1),依次类推就可以了。这个是我的理解哈。还有注意冒号所占的格子和数字是不一样的。
炫丽的倒计时效果Canvas绘图与动画基础
96746 学习 · 1000 问题
相似问题
回答 1