动态Web时间线的组件开发和封装

¥ 3500

¥ 3500 码市 Technology & Programming China
975 days ago

Description

1.用1款开源时间线的js库 开发;
2. 参照下面链接的例子,
1)时间线的时间、节点来自“json 数据(类似excel表)”。
2)可以移动时间线,看效果
3)或者自动(按时间前进,每节点停留2秒,15分钟时间线等比例30秒结束)播放;

https://pittsburghhockey.net/tgdatabase/tg_source/demo.html

3.点击的节点,出现框,如在编辑状态下可修改文字,否则只能看; 如有图片再次点击,图片则放大至全屏单列(参照说明:https://www.sohu.com/a/496099257_114819,如当时如横屏则不切换手机的方向,有限的全盘);该节点的文字叠加在另1层。或者参照抖音的方式。
(全屏单列)
4.以下的图标(或者风格)可更换
1)当前节点的图标(最好能更换)
2)时间线前进时,当前位置的指示图标,类似

3)时间线胖的用户头像 24x24;
5. 封装成Web卡片形式,给出URL就可分享,发微信中可显示概要。
6. 有截图按钮,点击则截图生产时间线的图片(jpeg,)

最好,时间线前进的30秒,生成gif或小视频。(这条可议价)

关注公众号,不定期副业成功案例分享
Follow WeChat

Success story sharing

Want to stay one step ahead of the latest teleworks?

Subscribe Now

Similar Teleworks