亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

求問初頁 HTML5海報場景的JS技術實現原理

求問初頁 HTML5海報場景的JS技術實現原理

元芳怎么了 2019-04-21 20:40:01
http://chuye.cloud7.com.cn/2314834下載一個初頁app，看到這個場景動畫每一頁都在canvas內，想問下這個是怎樣把所有元素和動畫都在canvas內實現的？有什么類似的開源框架？比如https://github.com/Flipboard/react-canvas？
查看完整描述

2 回答

?
慕田峪4524236

TA貢獻1875條經驗 獲得超5個贊

canvas做動畫，可能就用到了requestAnimationFrame【不同瀏覽器，會有前綴】這個新增的方法
它替代了原本的setTimeout或setInterval，但要注意咯，你不喜歡，也可以用setTimeout來實現動畫。
話說，用canvas做動畫還是比較復雜的，具體制作的話，參考一下網上setTimeout制作動畫就OK，
requestAnimationFrame和setTimeout還是比較類似的
查看完整回答
反對 回復 2019-04-21
?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

就是畫進去的啊。
各種正在canvas上做文章的各種應用，包括這個“初頁”和各種HTML5游戲框架，
本質當然都一樣，做一個框架，把頁面數據按約定解析成各種canvas繪制方法。
“初頁”這個似乎是自己寫的框架，頁面間切換是通過CSS3動畫移動不同的canvas，
和React-canvas始終在同一個canvas里折騰有點差別。
而且似乎做了一些自適應工作，適應不同大小屏幕。
當然React-canvas也是個好框架，理當也能做到這種程度。
查看完整回答
反對 回復 2019-04-21
  • 2 回答
  • 0 關注
  • 309 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號