Beispiel:SVG-32-g.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html lang="de">
<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">
  <style>
#auto {
  fill: #c32e04;
  stroke: black;  
  stroke-width: 0.5;
}

#auto circle {
  stroke-width: 4;
}

svg { 
  max-width: 80em;
  min-height: 400px;
  }
  </style>
  <title>Beispiel: Gruppieren mit g -1</title>
</head>
 
<body>
  <h1>Gruppieren mit g -1</h1>
 
<svg width="600px" height="600px" viewBox="0 0 400 200">

	<g id="auto">
		<path id="body" d="M30,50 v-15 h15 l15,-15 h30 l15,15 h15 v15z" />
		<circle id="wheel1" cx="50" cy="50" r="8" />
		<circle id="wheel2" cx="100" cy="50" r="8" />
	</g>	
</svg>

</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:SVG-32-g.html&oldid=67676“