Sto*_*der 4 javascript css jquery html5 canvas
GSAP声称使用HTML5为Web使用执行出色的动画,但在Greensock.com上的文章中明确表示它不使用html5中的画布框架.很明显,他们正在使用提供的脚本中的 Javascript ,但解释起来非常困惑.在没有画布的情况下,他们会以什么方式使用html5动画？如果他们确实使用纯HTML5,这是否意味着HTML5动画明显比CSS,jQuery和Javascript快？
没有"html5动画"这样的东西.
主要有CSS3动画(带有CSS过渡或CSS动画)和Javascript动画.
CSS3动画一般是很好的优化(有一些怪癖),但缺少技术支持(老的IE)和灵活性(你将不得不使用JavaScript来调整他们.)他们是最好的悬停效果(与转换)或基本的动画.
JavaScript转换过去基于setInterval.一个定时循环,并在此循环内更改样式.JQuery做到了这一点,并不是很好.
最近,引入了Window.requestAnimationFrame()来替换这些setInterval动画.支持是有限的(旧的IE),性能是一流的(因为浏览器可以跳过帧),它总是内部的样式更新.
什么GSAP不使用此requestAnimationFrame(),同时优化较少重绘,并加入了很多有用的功能是(倒车,时间安排,错开......)在基本的动画,就可以实现与CSS3或您自己的JS代码相同的表演..如果你知道怎么做
还有其他动画(canvas,svg ... event webgl)但更专业.
| 归档时间： |
|
| 查看次数： |
1891 次 |
| 最近记录： |