我希望在我的 D3 图表的链接上实现流量指示器,就像在这个块中一样。
该块使用 stroke-dashoffset 关键帧 CSS 动画来实现流程,虽然看起来不错,但 CPU 使用率接近 100。
我读到您可以通过包含某些 CSS 属性来诱使某些浏览器触发 GPU 加速,但其他来源表明这不再有效,当然我在尝试添加时看不到任何好处transform: translateZ(0);(例如)。
我一直在研究其他选项,并尝试以这种方式沿线实现移动标记。只有一个标记性能更好,但是当我添加多个标记时性能更差。
是否有另一个更高效的选项可以沿着 SVG 路径设置标记动画?
如果另一种方法失败,我将尝试添加控件来停止/开始动画,但这将是最后的手段。
提前致谢!