Web Animations API 達成跨瀏覽器里程碑

Alex Danilo

Web Animations API 是新網路標準的一部分,目前由 Mozilla 和 Google 的瀏覽器工程師開發中。

Chrome 36 已實作 Web Animations API 中的 element.animate() 方法,讓開發人員可以使用 JavaScript 建立效能出色的合成器執行緒動畫。

我們很高興看到 Mozilla 已在 Firefox 48推出 element.animate() 實作項目,讓使用者能透過這項新興的 JS API 在不同瀏覽器之間加速動畫。Google 和 Mozilla 共同努力,確保我們的實作方式可互通。這真是一項合作無間的成果!

使用 Web Animations API 的好處包括幀率更快,耗電量更低,可在所有裝置上 (尤其是行動裝置) 提供更優質的使用者體驗。

Web Animations API 可透過polyfill在所有瀏覽器中使用,這項 polyfill 會在原生實作項目存在時使用全速原生實作項目,並在其他情況下以優雅的方式改用 JavaScript 實作項目。WebKit 社群考慮自家的實作,以及Edge 團隊將其納入待處理項目,這些都讓我們感到振奮。我們期待所有主要瀏覽器都能盡快支援 Web Animations。

如要在 Chrome、Firefox 或 Opera 中體驗完整的加速 Web Animations 功能,請前往這些示範網頁,親自試用。