Web Animations API 達成跨瀏覽器里程碑
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
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 功能,請前往這些示範網頁,親自試用。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2016-08-09 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2016-08-09 (世界標準時間)。"],[],[]]