gpt4 book ai didi

javascript - Adobe Animate HTML5 Canvas 问题仅适用于 Google Chrome。动画滞后

转载 作者:行者123 更新时间:2023-11-28 05:07:51 25 4
gpt4 key购买 nike

我们通过 Adob​​e Animate 发布了 HTML5 Canvas。文件大小总计已减少至 2MB 以下,并且在所有浏览器上加载时间均在 3 秒以内。但我们仅在 Google Chrome 上遇到帧 (FPS) 滞后问题。

我们停用了 Chrome Flags 中的 2D Canvas chrome 加速器,但在让动画在较大屏幕尺寸下流畅运行方面仍然存在问题。

有没有办法在 Animate 中发布 Canvas ,这样就不会发生这种情况?或者是否有一些 JavaScript 代码允许 Chrome 以正确的 FPS 加载动画?

我们已经在 IE、Edge 和 FF 中进行了测试,所有这些浏览器都运行顺利。只有 Google Chrome 遇到此问题。

最佳答案

分析后,我发现代码大量调用了drawImage。在我的机器上,它花费了 86% 的时间来调用drawImage。

有可能每帧都重新绘制大图像。看看是否有办法阻止这种情况发生。

尝试删除背景图像并仅保留线条,如果延迟消失,您就会得到答案。

潜在相关:

Why does chrome struggle to display lots of images on a canvas when the other browsers don't?

关于javascript - Adobe Animate HTML5 Canvas 问题仅适用于 Google Chrome。动画滞后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41602052/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com