动态水管流动监测流量分享

刚刚接到这个设计图的时候我脑子里想着，是不是要什么d3.js还是three.js做呢？我脑子里一片的混乱，在网上搜索了一波后，心里更加的慌，因为没有人做这样的案例，有的也是要收费。后面看到有一个类似于这个的叫gojs，然后就将就着用。然后自己就按着gojs写了一下。然后就做成了

然后这个开发的时候发现就有水印，还要去百度搜索了一下，确实要改源码里的某一行代码才行，但是这个东西和设计的差距很大，真的当时就已经尽力了。然后这东西的每一条线的颜色就是一个动画，也就是说每一条线的颜色就是一个定时动画，如果要做水不流动的话就要清除相应的定时，当时如果这样做的话，也考虑到这性能肯定不好，因为同时开启多个定时器在页面上是很不好的，可能会影响到页面的崩溃之类的，但是项目又比较紧急，没办法！

做这个有一个多月后，老板看了就极为不满意。唉，一切都以老板为主，谁叫我们是个打工的呢。然后就要修改咯，最后就用svg里的动画就可以了，后面我又想了一下，这动画应该封装一下，不能老开那么多的定时器，刚刚开始我是以水管为背景图，然后颜色上的就以每个div传过来的值做，至于水流停止的话我就用透明度把它弄为0，也就是看不见。虽然这个做是大部分是可以的，有几个管子就是隐藏不掉，找了大半天也不知道是什么原因。很无奈，改方案为display:none就可以了！

动态水管流动监测流量分享相关推荐

数据平台初试（产品篇）——短视频直播监测案例分享
申明:文中涉及到的图片以及文字内容均为原创,未经授权,不得使用. 公众号原文链接: 数据平台初试(产品篇)--短视频直播监测案例分享进入2020年,直播带货愈发火热,各大平台争相推出直播业务,本次介 ...
vue改变html的背景,vue动态改变背景图片demo分享
如下所示: #bag{ width: 200px; height: 500px; margin: 0 auto; background: url(img/piao11.jpg) center no-r ...
简约动态时钟h5源码分享-可做桌面动态壁纸
简约动态时钟h5源码分享-可做桌面动态壁纸
mysql 动态建表,mysql数据库动态创建表的实例分享
摘要腾兴网为您分享:mysql数据库动态创建表的实例分享,易视云3,完美root,刷机大师,手游宝等软件知识,以及清仓兔,找明星,爱普生1500w,txt完结小说全本软件,windows自带画图软件 ...
茄子快牙什么闪传的零流量分享原理解析
因为要做零流量分享 ,所有首先你得了解其原理. 一台手机开启了热点另一台手机一扫对方二维码就可以下载对方手机上的应用了. 不需要你得手机有移动网络,前提是你连上对方手机开启的热点. 现 ...
layui的表格可以动态添加行吗_答疑分享052：插入表格，数据分析更方便
置顶公众号"Office成长课堂" 和优秀的人一起成长,才能让自己更优秀职场办公Office问题,答疑分享案例: 上一期分享了答疑分享049:简单IF函数做费用预算实际数据分 ...
大卖家私域流量分享：从淘系私域到微信私域品牌拓展私域流量的核心法则是…...
成立于2006年的阿芙是淘系平台的电商老玩家,2009年正式入驻淘宝,其官方旗舰店曾在2013-2014年双十一当天蝉联美妆品类销售冠军.2018年,阿芙开始在微信生态布局电商业务.那么,它如何看待淘 ...
免费行业报告下载-6份-中国化妆品及化妆品电商运行数据监测行业报告分享
行业报告内容都是第一手整理的资料,大家自行收藏分享如果大家身边也有需要这些资料的人,在分享的同时,麻烦也关注下该公众号"51行业报告"吧 2020年1-2月中国化妆品及化妆品电商 ...
export default (imported as router) was not found_HTC 5G Hub 流动Router 评测分享
不知大家是否仍记得,HTC 去年发表了一款5G 流动路由器:HTC 5G Hub,虽然这款流动路由器感觉已经推出很久,但真正见过实物的人,少之又少.时隔一年,HTC 5G Hub 终于在香港现身,有价 ...

动态水管流动监测流量分享

动态水管流动监测流量分享相关推荐

最新文章

热门文章