Beispiel:SVG-Anwendung-text-16.html
Aus SELFHTML-Wiki
<!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" >
<style>
text {
font-family: serif;
font-size: 250px;
}
</style>
<title>SVG-Texteffekt-16</title>
</head>
<body>
<h1>SVG-Texteffekt mit feTurbulence</h1>
<svg viewBox="0 0 800 500">
<defs>
<filter id="gerissen" filterUnits="userSpaceOnUse" x="0" y="-100">
<feTurbulence result="Rauschen" baseFrequency="0.08" numOctaves="1" seed="1" />
<feDisplacementMap in="SourceGraphic" in2="Rauschen" scale="9" /> </filter>
</defs>
<g filter="url(#gerissen)">
<text fill="#c32e04" transform="translate(10,175)">Eat me!</text>
<text stroke-width="12" stroke="blue" fill="yellow" transform="translate(10,400)">Eat me!</text>
</g>
</svg>
</body>
</html>