
UI給了一段完整的動效文件庆杜,其中有需要用戶介入操作才開始播放的蚯根,所以采用分段播放,并增加一個div元素定位到svga動畫上的按鈕位置湾趾,并添加點擊事件
該效果預(yù)覽不是最新的效果圖斗躏,嫌麻煩把mp4轉(zhuǎn)成gif就不上傳新的效果預(yù)覽了禀综。順便推薦一下一個在線文件轉(zhuǎn)換格式的網(wǎng)站: (之前一直在用covertio現(xiàn)在好像收費(fèi)了) 簡述下代...
素材圖片: 效果預(yù)覽:https://upload-images.jianshu.io/upload_images/24654730-096843d5dabcc16a.gif...
更多優(yōu)化配置可看該文:https://baijiahao.baidu.com/s?id=1699984653181499769&wfr=spider&for=pc[https...
依賴包安裝:npm install cheerio download async superagent superagent-charset mkdirpsuperagent...
IntersectionObserver可以監(jiān)測元素在當(dāng)前可視窗口的比例,完成實現(xiàn)圖片懶加載getBoundingClientRect也是一個很好用查看元素偏移等的API