qq_15508113的博客

通过一定的资料学习，了解到Canvas画布的强大，决定回想一下能都将时钟这一功能实现。在绘制画布时，一般的步骤为：清空画布、改变画布状态（translate）、重新绘制图形、回到原始。先给一下最后的画布图像是：该开始时，决定设置一下浏览器背景颜色，这里就引用老师的源代码，相对来说大气点。 body{ background: linear-gradient(45deg

刚写完页面时钟，觉得还有些精力，不如更加水的来一个关于页面小球在固定边框内跳动。由于总结了时钟的受益较多，开始的背景颜色就直接采用时钟的，直接开始进行画布的绘画。本文的特点在于，页面中一个小球在与边框四周接触后会显示相对应的边框颜色。所以盒子的四周 我们开始设置四种颜色。 border-top:2px solid red; border-bottom: 2px solid green;