Web Animations API 达到了跨浏览器里程碑
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Web Animations API 是新 Web 标准的一部分,目前由 Mozilla 和 Google 的浏览器工程师开发中。
Chrome 36 实现了 Web Animations API 中的 element.animate() 方法,让开发者能够使用 JavaScript 构建高性能的 compositor 线程动画。
我们很高兴地宣布,Mozilla 现已在 Firefox 48 中发布其 element.animate() 实现,从而使用以下新兴的 JS API 实现真正的跨浏览器加速动画。Google 和 Mozilla 共同努力,确保我们的实现能够互操作。这确实是团队协作完成的成果!
使用 Web Animations API 的好处包括帧速率更快且功耗更低,这在所有设备(尤其是移动设备)上都会带来更好的用户体验。
Web Animations API 可通过 polyfill 在所有浏览器中使用,该 polyfill 会在存在全速原生实现时使用全速原生实现,否则会优雅地回退到 JavaScript 实现。WebKit 社区考虑自行实现,而 Edge 团队也将其添加到了待处理事项列表,这让我们深受鼓舞。我们期待所有主流浏览器都能够尽快支持 Web 动画。
如需在 Chrome、Firefox 或 Opera 中获得完整的 Web 动画加速体验,请前往这些演示 页面,亲自试用。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):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"]],["最后更新时间 (UTC):2016-08-09。"],[],[]]