SVG-Transformation um 90, 180 oder 270 Grad drehen funktioniert in Safari iOS 10 nic
Ich möchte ein Ringdiagramm mit einem SVG-Kreiselement erstellen, indem Sie @ festlegestroke-dasharray und variierendstroke-dashoffset. Das SVG-Element muss um 270 (oder -90) Grad gedreht werden, damit der Diagramm-Balken oben beginnt. Hier ist der Code:
Der Drehwinkel wird mit der ersten Zahl in @ angegebetransform="rotate(270, 80, 80)".
Das Problem ist: Bei der Anzeige in Safari unter iOS 10 wird diese Drehung nicht angewendet. Tatsächlich hat die Einstellung von 90, 180 oder 270 Grad keine Auswirkung. Die gleichen Winkel, aber negative (zum Beispiel -90) werden auch nicht angewendet.
Hier ist ein Screenshot der obigen Geige in Safari unter iOS 10.0.1:
Und hier ist die gleiche Geige in Safari auf iOS 9.3.5:
Um das Problem zu umgehen, habe ich festgestellt, dass die Verwendung von 270,1 Grad das Problem löst. Ich möchte jedoch wissen, warum 270 nicht funktioniert und ob es eine bessere Möglichkeit gibt, damit umzugehen.