Jochen: Erster SVG-Versuch schlägt fehl

Beitrag lesen

SELF-Forum

Erster SVG-Versuch schlägt fehl

Jochen (Versionen)
– Informationen zu den Bewertungsregeln

Hallo, schon am einfachsten Problem bin ich gescheitert. Ich wollte die franz. Nationalflagge blau-weiß-rot darstellen mit:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Test-SVG</title>
</head>
 
<body>
  <h1>Test-SVG</h1>
  <svg>
  <style>
    .blau{
	fill:	blue;
	stroke: black;
    stroke-width: 3px;
    }
    .weiss{
	fill:	white;
	stroke: black;
    stroke-width: 3px;
    }
    .rot{
	fill: red;
	stroke: black;
     stroke-width: 3px;
   }
</style>
<polyline class="blau" points="0,0 400,0 400,100 0,100 0,0"/>
<polyline class="weiss" points="0,100 400,100 400,200 0,200 0,100"/>
<polyline class="rot" points="0,200 400,200 400,300 0,300 0,200"/>
  </svg>
</body>
</html>

Heraus kam alles andere als eine Flagge!

Beitrag melden
–
Informationen zu den Bewertungsregeln