摘要:
canvas能做什么?canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。它也可用于创建图片特效和动画。如果你掌握了完整的命令,你可以用canvas创建丰富的web应用程序。如果你想很好的使用canvas,你首先应该很好的掌握javascript。canvas标签当然你也可以通过css来设定!如果你不设定宽高,默认宽高是300*150。对于低版本的浏览器,你把需要反馈的信息放到canvas标签之间。 你想看我,就升级浏览器吧!获取上下文,你所有的绘画操作都是在上下文,目前只支持2d。window.onad=function(){ .. 阅读全文
摘要:
前些日子还在网上争论过js动画用setTimeout还是setInterval,个人偏向于setTimeout,当动画中牵扯到ajax时用setInterval会有时间偏差,出现一些问题即使用clearInterval也失效。ok,从基础层面上,对于动画我们要先了解定时器和js的单线程。关于定时器我推荐How JavaScript Timers Work,这篇文章讲解的有深度,你会对定时器和单线程有个深入了解。我们来看下这个文章吧~~var id = setTimeout(fn, delay); - 在delay时间间隔之后,执行函数fn。该函数返回一个唯一的标志ID(Number类型),我们 阅读全文
摘要:
之前看过不少HTML5动画的书,讲解的是如何去做,对于其中的数学原理讲解的不详细,常有困惑。最近看的《HTML5+JavaScript 动画基础》这个是译本,Keith Peters曾写过《Foundation ActionScript Animation》其中的数学原理被不少人转载引用,学习过AS的对这本书应该有了解。基于此,才有的这本书,HTML5版本的动画原理。哈哈,庆幸我是数学出身的~~~ 这本书上有些bug,本来做了记录,结果被当废纸扔掉了 - -!目前不能分享,只能在看的时候再记录一遍。前段时间忙事情随笔停了,现趁春节来个年末奋斗学习!大致顺序,先理解浏览器动画原理,再熟悉canv 阅读全文