Я хочу создать диаграмму пончика, используя элемент круга 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 не работает, и если есть лучший способ справиться с этим.