很多同学出错了，老师说的一句话很重要，估计是同学们没注意听，老师这个时间的计算小时目前是按两位数字计算的，如果小时多于两位数，肯定出错，结果页面空白，啦啦啦
2016-07-22
window.onload = setInterval(function(){
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//设置画布的分辨率
canvas.width = WINDOW_WIDTH;
canvas.height = WINDOW_HEIGHT;
curShowTimeSeconds = getCurrentShowTimeSeconds();
render(context);
},1000);
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//设置画布的分辨率
canvas.width = WINDOW_WIDTH;
canvas.height = WINDOW_HEIGHT;
curShowTimeSeconds = getCurrentShowTimeSeconds();
render(context);
},1000);
2016-07-21
WINDOW_WIDTH = document.documentElement.clientWidth
|| document.body.clientWidth;;
WINDOW_HEIGHT =document.documentElement.clientHeight
|| document.body.clientHeight;
<style>
*{margin: 0;padding: 0;}
body,canvas {width: 100%; height:100%;}
</style>
老师的源码只出现一半，自己改了下，显示正常
|| document.body.clientWidth;;
WINDOW_HEIGHT =document.documentElement.clientHeight
|| document.body.clientHeight;
<style>
*{margin: 0;padding: 0;}
body,canvas {width: 100%; height:100%;}
</style>
老师的源码只出现一半，自己改了下，显示正常
老师讲的非常的到位，思路也很清晰。虽然canvas绘制不是自己的主方向，但是依然觉得非常好玩。点赞点赞点赞点赞点赞点赞点赞点赞
2016-07-21
最赞回答 / je_suis_idiot
<!DOCTYPE html style="height:100%;"> <style type="text/css"> *{ margin:0px; padding:0px; } </style>
2016-07-20
已采纳回答 / laxy
数字矩阵是10行7列的（i行j列），当画到第i行时，圆心纵坐标是不变的，横坐标变，所以width是跟j相关，height是跟i相关。第28行，圆心横纵坐标表达式里的i和j反了，对调一下就可以。
2016-07-20
