svg - Stroke-dasharray 和 stroke-dashoffset 在 Safari 中的圆圈上表现异常

Question

我正在使用一个<circle>带有stroke-dasharrayandstroke-dashoffset的元素来为圆环图的焦点元素绘制一个指示器，而在 Safari 中它并没有正确显示。

外部饼图是<path>在所有浏览器中都可以正常工作的 s，但是因为我需要指示器在扇区之间转换，所以它们需要是<circle>s。

我认为这是因为 Safari 正在根据 svg 视图框或类似的东西计算圆的周长，但没有骰子。任何帮助，将不胜感激。

https://codepen.io/pouretrebelle/pen/d56df310e385a0c2fdedb5bbddc2308d

在 Chrome 中渲染：

在 Safari 中渲染：

标签： svgsafaricross-browserstroke-dasharray