Javascript Adobe动画HTML5画布问题，仅限谷歌浏览器。动画是滞后的

我们已经通过Adobe Animate发布了HTML5画布。并已将文件大小减少到2MB以下，在所有浏览器上加载时间不到3秒。但我们只在谷歌Chrome上存在帧（FPS）滞后的问题

我们在chrome Flags中禁用了2D canvas chrome加速器，但在更大屏幕上流畅运行动画时仍然存在问题

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

---

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

分析了这个问题后，我发现代码对drawImage进行了大量调用。在我的机器上，它86%的时间用于调用drawImage

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

尝试删除背景图像，只保留线条，如果延迟消失，您就有了答案

潜在相关：

---

分析了这一点后，我发现代码对drawImage进行了大量调用。在我的机器上，它86%的时间用于调用drawImage

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

尝试删除背景图像，只保留线条，如果延迟消失，您就有了答案

潜在相关：

---

在进一步的实验之后，似乎我们也在4k设备上遇到了延迟。请在问题中提供所有相关代码。在进一步的实验之后，似乎我们在4k设备上也遇到了延迟。请在问题本身中提供所有相关代码。drawImage应该是画布上最快的操作之一。如果它被称为10亿次，则不会。这似乎就是问题所在。正如我所说，基于分析，它使用了86%的CPU周期。可以在不同的硬件上重复测试。drawImage应该是canvas上最快的操作之一。如果它被称为10亿次，则不会。这似乎就是问题所在。正如我所说，基于分析，它使用了86%的CPU周期。可以在不同的硬件上重复测试。