VUE+TWEENMAX+SVG动画,用来模拟流程控制

那种工厂中很多个管道、流水线、控制阀门的控制体系,如果用软件来控制的话,会要操作很多的动画。用普通的HTML+IMAGE方式,很难表现一些复杂的控制。早几年的FLASH,是这方面的强手,但现在适用的方案,应该只好用SVG了。

我一直想了解一下SVG的组织结构及动画控制,这次终于实践了一个小demo。

这个演示用到了SVG的symbol/pattern。动画控制用的tweenmax,状态控制用了vue.js。
绘制方面,用了一个ps插件,我用自己熟悉的ps直接导出了svg矢量图形。
 
演示地址 :


文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关Beplay:
评论: 0 | 引用: 0 | 查看次数: 1912
发表评论
昵 称:
密 码:
游客发言不需要密码.
邮 箱:
支持Gravatar头像.
网 址:
输入网址便于回访.
内 容:
验证码:
选 项:

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭