Alles unter der Linie ausmalen --> Problem mit %

[ThomasM]

Hallo Markus,

mit polygon würde das ausfüllen ja gehen, jedoch sind meine Werte in Prozent und das klappt dann iwie nicht..

Die Inhalte des points-Attributes sind konkret festgelegt, das Prozentzeichen oder andere Einheiten sind nicht zulässig. Verwende alternativ eine passende viewBox-Einstellung, hier als 100x100 Benutzereinheiten definiert, um dann die bisherigen Prozentwerte ohne % weiter verwenden zu können (hier auf eine rechteckige Box bezogen):

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100">  
  <rect x="0" y="0" width="100" height="100" fill="#EEE"/>  
  <polygon points="50,10 10,90 90,90" fill="#F00"/>  
</svg>

Grüße,
Thomas