相关疑难解决方法(0)

如何在没有非常高的 CPU 使用率的情况下为 SVG 路径上的无限标记移动设置动画?

我希望在我的 D3 图表的链接上实现流量指示器,就像在这个块中一样

该块使用 stroke-dashoffset 关键帧 CSS 动画来实现流程,虽然看起来不错,但 CPU 使用率接近 100。

我读到您可以通过包含某些 CSS 属性来诱使某些浏览器触发 GPU 加速,但其他来源表明这不再有效,当然我在尝试添加时看不到任何好处transform: translateZ(0);(例如)。

我一直在研究其他选项,并尝试以这种方式沿线实现移动标记。只有一个标记性能更好,但是当我添加多个标记时性能更差。

是否有另一个更高效的选项可以沿着 SVG 路径设置标记动画?

如果另一种方法失败,我将尝试添加控件来停止/开始动画,但这将是最后的手段。

提前致谢!

css svg d3.js

5
推荐指数
1
解决办法
1159
查看次数

标签 统计

css ×1

d3.js ×1

svg ×1