javascript - 有什么简单合适的动画框架库?或其他解决办法
大家讲道理
大家讲道理 2017-04-10 17:32:00
0
3
323

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

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

效果截图类似如下:

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(3)
黄舟

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

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

いいねを押す +0
阿神

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

いいねを押す +0
Peter_Zhu

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート