search

Home  >  Q&A  >  body text

javascript - 有什么简单合适的动画框架库?或其他解决办法

公司开发一个PC端项目,其中有一块是做一个动画(不是通常见到的那种h5动画)。

其实就是根据后端传来比赛的数据或指令,相应可视化到页面上来展示给用户看。
现在这个动画要根据后台数据的变化即时做出响应,后端传入的数据或指令不同时展示的动画效果也不同,只要网页开着此动画就一直在进行。

效果截图类似如下:

由于小弟还是前端小白,之前一直写网页也没怎么做过动画,最多用canvas画过几个折线图拼图之类简单的。
我感觉这都有点类似小游戏了,但这个动画只是用于实时展示最新比赛情况,不需要用户通过鼠标或键盘在动画上做交互操作。
请问各位大神有什么好用的框架或库可以做这种??或者其它任何的解决办法??这种动画我应该用canvas svg dom css3哪种来操作???望不吝赐教,万分感谢!!

大家讲道理大家讲道理2896 days ago315

reply all(3)I'll reply

  • 黄舟

    黄舟2017-04-10 17:34:00

    方案一,ajax定时访问
    方案二,flash长连接
    方案三,H5实时通讯以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。设计师要知道,应用中嵌入实时通信、信息内容进行实时提醒,HTML5可以帮你实现。
    其他方案:仿长连接

    建议你用flash。实在不行就操作dom节点呗

    reply
    0
  • 阿神

    阿神2017-04-10 17:34:00

    使用socketio,这个需要前后端沟通

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-10 17:34:00

    通讯方面上面已经讲了。关于动画方面,这种程度的动画用css3完全够用了

    reply
    0
  • Cancelreply