SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

Beispiel:SVG-Anw-Flaggen-5.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css"> 
  <title>SVG-Flaggen 5</title>
  <style>
    svg {
      display:table-cell;
       border: thin solid #666;
       margin-right: 1em;
    }
  </style>	
</head>
 
<body>
  <h1>Flaggen mit SVG darstellen - 5<br>Konturen mit stroke</h1>

<svg width="300" height="200" viewBox="0 0 300 200">
  <desc>Flagge Norwegens </desc>
  <rect x="0" y="0" width="300" height="200" fill="#ef2b2d" />
  <path d="m85,0 h30 v85 h185 v30h-185 v85 h-30 v-85 h-85 v-30 h85z" fill="#002868" stroke="white" stroke-width="10" />
  <path d="m85,0 h30 v85 h185 v30h-185 v85 h-30 v-85 h-85 v-30 h85z" fill="transparent" stroke="black" stroke-width="1" stroke-dasharray="5%, 2%, 2%, 2%" />  
</svg>

<svg width="300" height="200" viewBox="0 0 300 200">
  <desc>Flagge Norwegens </desc>
  <rect x="0" y="0" width="300" height="200" fill="#ef2b2d" />
  <path d="m85,-5 h30 v90 h190 v30h-190 v90 h-30 v-90 h-90 v-30 h90z" fill="#002868" stroke="white" stroke-width="10" />
</svg>

</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:SVG-Anw-Flaggen-5.html&oldid=86759“