摘要: 最近看到位博主的博客背景图很是炫酷,查找下资料了解是canvas实现效果,今天就来看看详细解剖下吧。 实现思路 首先了解下canvas中的动画原理?canvas中的动画其实是通过不断的重绘来实现动起来的效果的。通过设计小球的位置变化,达到小球不断运动的效果。同时也可以设计小球衍射,大小的变化实现其他 阅读全文
posted @ 2017-09-17 20:45 苏皖 阅读(623) 评论(0) 推荐(0) 编辑
摘要: canvas本身没有任何的绘图能力,所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas(这意味着咱得给canvas设个id): 注意最好在一开始的时候就给canvas设置好其宽高(若不设定宽高,浏览器会默认设置canvas大小为宽300、高1 阅读全文
posted @ 2017-09-17 16:45 苏皖 阅读(111) 评论(0) 推荐(0) 编辑