小编ilo*_*hov的帖子

在Safari iOS 10中,SVG变换旋转90度,180度或270度不在圆上工作

我想通过设置stroke-dasharray和变化使用SVG圆元素创建圆环图stroke-dashoffset.SVG元素需要旋转270(或-90)度,以便图表"bar"从顶部开始.这是代码:

http://jsfiddle.net/q3wb6gkq/

使用第一个数字指定旋转角度transform="rotate(270, 80, 80)".

问题是:在iOS 10上的Safari中查看时,不会应用此轮换.实际上,设置90度,180度或270度旋转没有效果.也不应用相同的角度但是负的(例如-90).

以下是iOS 10.0.1上Safari中的上述小提琴的屏幕截图:

iOS 10截图

这里是iOS 9.3.5上Safari的同一个小提琴:

iOS 9截图

作为一种解决方法,我发现使用像270.1度这样的东西解决了这个问题,但是我想知道为什么270不起作用以及是否有更好的处理方法.

svg mobile-safari ios ios10

17
推荐指数
1
解决办法
5289
查看次数

标签 统计

ios ×1

ios10 ×1

mobile-safari ×1

svg ×1