SVG 径向进度条在 Safari 中不旋转，有什么解决方法吗？答案

【问题标题】：SVG radial progress bar doesn't rotate in Safari, any workarounds?SVG 径向进度条在 Safari 中不旋转，有什么解决方法吗？
【发布时间】：2017-03-08 05:59:45
【问题描述】：

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

在所有浏览器中一切看起来都很好，直到最后一步，我们添加rotate(-90deg) 以使进度从顶部而不是从右侧开始。这似乎适用于除 Safari 之外的所有浏览器、macOS (Safari 10.0.1) 和 iOS (10.1)。

这是 Safari 中的错误吗？我找不到任何关于它的信息。
是否有任何（简单的）解决方法？

【问题讨论】：

您发布的链接适用于我的 iPhone Safari。 IE。它会旋转。
@AllDani 那么该页面上的最后一个 Codepen 看起来像这样？ imgur.com/a/VAHK2
很难说。由于它是旋转的，它无法与图像相提并论。
@AllDani 嗯？可以发给我截图吗？我完全不明白你的意思。 :S 最后一个 codepen 没有动画，如果这就是你的意思吗？
无法在 9.1.3（小牛队）上重现

标签： html css svg safari css-transforms

【解决方案1】：

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

一个简单的解决方法是旋转 -89.9 度而不是 -90 度。差别几乎看不出来。

【讨论】：