我目前正计划一个网站项目,其中包含一些需要在网站上运行的动画序列。 我需要网站尽可能地与浏览器兼容(呃!),并希望得到开发人员对不同选项的想法。
Canvas不是主要因为IE的选择。 IE9 +仅支持不够好,即使IE的浏览器统计数据的“进展”接近可笑 http://www.w3schools.com/browsers/browsers_stats.asp(2013年3月IE浏览器占13%(并且它与所有WINDOWS机器相同)略微偏离主题......
我计划为动画的不同阶段预加载一系列GIF动画,例如'run','walk','fly',然后在需要时交换img标签的src。我还没有测试过这样的东西,但是即使预先加载的图像我也会进行延迟(尽管javascript http://www.preloadjs.com) 虽然我不太热衷于动画GIFS的质量。进一步采用这个想法,使用相同的方法,但每个作为一个单独的PNG?这可行吗?
或者附加了spritesheet作为背景图像的DOM元素是否可以工作,改变每一步的背景位置?
任何想法或例子;)都会非常有帮助! :)
干杯, 罗里!
--- EDIT