公司开发一个PC端项目,其中有一块是做一个动画(不是通常见到的那种h5动画)。
其实就是根据后端传来比赛的数据或指令,相应可视化到页面上来展示给用户看。
现在这个动画要根据后台数据的变化即时做出响应,后端传入的数据或指令不同时展示的动画效果也不同,只要网页开着此动画就一直在进行。
效果截图类似如下:
由于小弟还是前端小白,之前一直写网页也没怎么做过动画,最多用canvas画过几个折线图拼图之类简单的。
我感觉这都有点类似小游戏了,但这个动画只是用于实时展示最新比赛情况,不需要用户通过鼠标或键盘在动画上做交互操作。
请问各位大神有什么好用的框架或库可以做这种??或者其它任何的解决办法??这种动画我应该用canvas svg dom css3哪种来操作???望不吝赐教,万分感谢!!
黄舟2017-04-10 17:34:00
方案一,ajax定时访问
方案二,flash长连接
方案三,H5实时通讯以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。设计师要知道,应用中嵌入实时通信、信息内容进行实时提醒,HTML5可以帮你实现。
其他方案:仿长连接
建议你用flash。实在不行就操作dom节点呗