Safari中的笔画-dasharray和笔画-dashoffset怪异地在圆上

Question

我正在将<circle>元素与stroke-dasharray和stroke-dashoffset结合使用，为甜甜圈图的焦点元素绘制指示器，而在Safari中，它并不能正确显示。 / p>

外部饼是<path>，在所有浏览器中都可以正常工作，但是由于我需要指示器来在扇区之间进行转换，因此它们必须是<circle>。

我以为是因为Safari浏览器基于svg视图框或类似的东西但没有骰子来计算圆的周长。任何帮助将不胜感激。

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

在Chrome中呈现：

在Safari中呈现：