Beispiel:SVG-text-8.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:Grundlayout.css">
  <style>
svg { 
 background-color: black;  
}
  
text {
  font-family:sans-serif;	
  font-size: 200px;
  font-weight: bold; 
  text-anchor: middle;
  fill: url(#firePattern);
}

  </style>
  <title>Brennende Buchstaben</title>
</head>
 
<body>
<svg viewBox="0 0 800 400">
<defs>
	<pattern id="firePattern" viewBox="20 0 127 177" patternUnits="userSpaceOnUse" width="137" height="177" x="0" y="60" stroke="white" stroke-width="1">
		<image href="https://upload.wikimedia.org/wikipedia/commons/7/78/Fire-animated.gif" width="177" height="177"></image>
	</pattern>
</defs>

<text tabIndex="1" x="300" y="240">Burn</text>

</svg> 
</body>
</html>

Abgerufen am 13.10.2025
von "http://wiki.selfhtml.org/wiki/Beispiel:SVG-text-8.html"