iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 25
1
Modern Web

30天實作線上簡報播放機制系列 第 31

?? - 目前初步做好的prototype

參考: tmp9

後面花了不少時間把這份簡報需要的動畫特效做出來,雖然不是全部,但是大致上能看了。

因為用了IE沒支援的Canvas 2D Context API函數(ellipse),所以要用Edge才能看。另外,因為每個圖形使用一個隱藏的Canvas來繪製,最後再把結果畫到畫面上的Canvas中,所以投影片中圖形跟動畫多的時候,記憶體也會用很多...在Chrome用工作管理員來監看時,最高可能會吃掉700MB左右的記憶體(不過會被GC,大致上會降到200MB左右)。

目前在不同的瀏覽器跑,感覺在我的MBP上,使用Safari跑起來最順。在手機瀏覽器上也可以跑,不過我只在我的iPhone上用Chrome測試過XD


上一篇
?? - 處理Office的內建圖型
系列文
30天實作線上簡報播放機制31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言