SVG径向进度条在Safari中不会旋转，任何变通方法？

Question

我正在关注本教程：https://codepen.io/xgad/post/svg-radial-progress-meters

在最后一步中，所有浏览器中的所有内容都很好看，我们在其中添加rotate(-90deg)以使进度从顶部开始而不是从右侧开始。这似乎适用于所有浏览器，但Safari，macOS（Safari 10.0.1）和iOS（10.1）。

1. 这是Safari中的错误吗？我无法找到任何相关信息。
2. 是否有（简单）解决方法？

Answer 1

这似乎是Safari中的一个错误（回归），其中的iOS版本在此报告：https://openradar.appspot.com/27763347。这个bug也可以在Safari 10上为macOS重现。

一个简单的解决方法是旋转-89.9deg而不是-90deg。差异几乎不可察觉。