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-4.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" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
  <title>SVG-Flaggen 4</title>
  <style>
    svg {
      display: table-cell;
       border: thin solid #666;
       margin-right: 1em;
    }
  </style>	
</head>
 
<body>
  <h1>Flaggen mit SVG darstellen - 4<br>Kreuze mit path</h1>

  <svg width="300" height="200" viewBox="0 0 300 200">
    <desc>Flagge Dänemarks </desc>
    <rect x="0" y="0" width="300" height="200" fill="#E31836" />
    <path d="M 100,0 v 200 m-100,-100 h 300" fill="none" stroke="white" stroke-width="40" />
    <path d="M 100,0 v 200 m-100,-100 h 300"
          fill="transparent"
          stroke="black" stroke-width="1" stroke-dasharray="5%, 2%, 2%, 2%" />
    <path d="m 100,200  l-100,-100 "
          fill="transparent"
          stroke="black" stroke-width="1" stroke-dasharray="2%, 5%" />	
  </svg>

  <svg width="300" height="200" viewBox="0 0 300 200">
    <desc>Flagge Schwedens </desc>
    <rect x="0" y="0" width="300" height="200" fill="#006aa7" />
    <path d="M 100,0 v 200 m-100,-100 h 300"
          fill="none"
          stroke="#fecc00" stroke-width="40" />
  </svg>
</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:SVG-Anw-Flaggen-4.html&oldid=86758“