鍍金池/ 問答/HTML/ 用vue實(shí)現(xiàn)紅包雨效果

用vue實(shí)現(xiàn)紅包雨效果

臨近新年, 要上線一個(gè)紅包雨效果, 紅包圖片后臺(tái)獲取, 怎樣v-for之后要每個(gè)紅包位置隨機(jī), 首先想到的是隨機(jī)top,left值, 但最后循環(huán)出來的top,left值相同, 后來又改成定時(shí)器向一個(gè)空數(shù)組添加圖片,在循環(huán)渲染, 可是體驗(yàn)不好,每次數(shù)據(jù)更新都要閃一下, 求教各位大神有什么好的解決方法?

clipboard.png

回答
編輯回答
晚風(fēng)眠

使用canvas,推薦你看看這篇文章Canvas制作的下雨動(dòng)畫。你只需要把雨滴改為紅包就好,還有推薦你去看看重繪重排問題。

2017年12月5日 19:16