SVG transform rotate by 90, 180 or 270 degrees not working on circle in Safari iOS 10

Question

I want to create a donut chart using an SVG circle element by setting stroke-dasharray and varying stroke-dashoffset. The SVG element needs to be rotat

Answer 1

Indeed, set the rotate transformation to something like 90.1deg solves the issue...

I have test many things, reported here: https://codepen.io/KevinNTH/pen/ZBgKdG