CSS vs SVG - rotate -
Drehpunkt festlegen

Original Original SVG transform: rotate(20deg); transform-origin: 50px 0; CSS transform="rotate(20, 50, 50)"

Als Drehpunkt werden die x- und y-Werte verwendet. Während dies bei Kreisen und Ellipsen der Mittelpunkt ist, ist es bei Rechtecken die linke, obere Ecke.