參考: tmp9
後面花了不少時間把這份簡報需要的動畫特效做出來,雖然不是全部,但是大致上能看了。
因為用了IE沒支援的Canvas 2D Context API函數(ellipse),所以要用Edge才能看。另外,因為每個圖形使用一個隱藏的Canvas來繪製,最後再把結果畫到畫面上的Canvas中,所以投影片中圖形跟動畫多的時候,記憶體也會用很多...在Chrome用工作管理員來監看時,最高可能會吃掉700MB左右的記憶體(不過會被GC,大致上會降到200MB左右)。
目前在不同的瀏覽器跑,感覺在我的MBP上,使用Safari跑起來最順。在手機瀏覽器上也可以跑,不過我只在我的iPhone上用Chrome測試過XD