我在一个我一直在努力的游戏中运行循环,它基本上是一个循环计时器。循环使用requestAnimationFrame,圆圈是用svg构建的,我设置为每隔一帧(30fps)使用stroke-dashoffset。 CPU使用率约为45%,循环中更新了3个不同的属性。当我禁用所有这些时,它会下降到~3%(毫不奇怪)。问题是为什么当我评论其中的2个时,CPU仍然处于~45%左右。为什么在CPU使用情况下动画1和3元素之间没有区别? ~45%声音高吗? (我在iphone 6plus上运行游戏,屏幕上的计时器svg非常小,如果这有所不同的话。)
答案 0 :(得分:1)
45%不是很大,90%应该成为一个问题。 SVG图纸不需要很多性能,你将它显示在一个小屏幕上,由于每个SVG的像素矩阵很小而且它们的工作量很小(我希望我很清楚。
动画1或3个SVG元素不会对性能产生太大影响,因为正如我所说,它们是一些不需要很多动画的小元素。我认为CPU的使用是由你的JS脚本而不是SVG绘图(毕竟显示1或3个元素不影响性能!)