SVG-трансформация поворота на 90, 180 или 270 градусов не работает по кругу в Safari iOS 10
Я хочу создать кольцевую диаграмму, используя элемент круга SVG, установивstroke-dasharray
и меняетсяstroke-dashoffset
, Элемент SVG необходимо повернуть на 270 (или -90) градусов, чтобы «полоса» графика начиналась сверху. Вот код:
Угол поворота указывается с помощью первого числа вtransform="rotate(270, 80, 80)"
.
Проблема в том, что при просмотре в Safari на iOS 10 это вращение не применяется. Фактически, установка поворота на 90, 180 или 270 градусов не имеет никакого эффекта. Те же углы, но отрицательные (например, -90) также не применяются.
Вот скриншот вышеупомянутой скрипки в Safari на iOS 10.0.1:
И вот та же скрипка в Safari на iOS 9.3.5:
В качестве обходного пути я обнаружил, что использование чего-то вроде 270,1 градуса решает проблему, однако я хотел бы знать, почему 270 не работает и есть ли лучший способ справиться с этим.