SVG-Rect - Um den Ursprung zentriert

Original .original { --x: 0; --y: 0; --width: 50px; --height: 30px; }

Alle Rechtecke und Ellipsen sind um den Ursprung zentriert.

Sie erhalten mit custom properties einheitliche Maße und Koordinaten, die erst im Regelsatz in die abweichenden Geometrie-Attribute eingesetzt werden.

So ist eine Rotation oder Stauchung problemlos möglich; ein Drehpunkt muss nicht berechnet werden!