Javascript SVG动画在iPhone的CPU使用情况

Javascript SVG Animation on iPhone CPU usage

本文关键字：CPU 用情 情况 iPhone SVG 动画 Javascript      更新时间：2023-09-26

我一直致力于创造一个循环计时器。循环使用requestAnimationFrame，圆圈是用svg构建的，我设置每隔一帧(30fps)属性stroke-dashoffset。CPU使用率约为45%，循环中更新了3个不同的属性。当我禁用它们时，它会下降到~3%(毫不奇怪)。问题是为什么当我注释掉其中的2个时，CPU仍然处于~45%的位置。为什么动画1和3元素在CPU使用率上没有区别?~45%听起来高吗?(我在iphone 6plus上运行游戏，计时器svg在屏幕上非常小，如果这有什么不同的话)。

45%不算大，90% 应该是个问题。SVG绘图不需要很多性能，并且您将其显示在小屏幕上，这减少了CPU使用，因为每个SVG的像素矩阵很小，并且要在它们上做的工作也很小(我希望我清楚)。

动画化1或3个SVG元素不会对性能产生太大影响，因为正如我所说，它们是一些小元素，不需要大量的性能来动画化。我认为CPU的使用是由于你的JS脚本，而不是SVG绘图(毕竟显示1或3个元素并不影响性能!)

相关文章：