基于iPhone CPU使用率的Javascript SVG动画

Question

我在一个游戏中运行了一个循环，我一直在做这个循环计时器的动画。循环使用requestAnimationFrame，圆是使用svg构建的，我设置了每隔一帧(30fps)设置笔划的属性。CPU使用率约为45%，循环中更新了3个不同的属性。当我禁用所有它们时，它会跳到~3% (这并不奇怪)。问题是，为什么当我注释掉其中的2个时，CPU仍然保持在45%左右。为什么动画1和3元素在CPU使用率上没有区别？~45%听起来是不是很高？(我在iPhone6plus上运行游戏，屏幕上的定时器svg非常小，如果有区别的话)。

Answer 1

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

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