SVGs in MVC-Framework organisieren

[Gunnar Bittersmann]

@@borisbaer

<path class="a" d="M272,156v84a32,32,0,0,1-32,32H48a32,32,0,0,1-32-32V48A32,32,0,0,1,48,16H240a32,32,0,0,1,32,32V158.65"/>

Wenn du dir den Pfad anschaust (der SVGPathEditor ist ein gutes Tool dafür), dann siehst du, dass der letzte Punkt unsinnig ist. Du kannst den Pfad mit z schließen.

Und der erste Punkt ist auch überflüssig; du kannst gleich mit der „runden Ecke“ beginnen:

<path class="a" d="m272 240 a32 32 0 0 1 -32 32 h-192 a32 32 0 0 1 -32 -32 v-192 a32 32 0 0 1 32 -32 h192 a32 32 0 0 1 32 32z"/>

Aber warum path? Ein Rechteck rect kann runde Ecken haben:

<rect x="16" y="16" width="256" height="256" rx="32" />

♫ Like a rounded corner wah-wah

🖖 Живіть довго і процвітайте