Beispiel:CSS3-Einbindung-SVG-Filter.html
Aus SELFHTML-Wiki
<!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">
<title>Einbindung von SVG-Filter</title>
<style>
svg {
border: none;
}
img {
filter: url('#KantenErkennung');
}
</style>
</head>
<body id="go">
<h1>Einbindung von SVG-Filter</h1>
<main>
<figure>
<img src="https://wiki.selfhtml.org/images/2/24/Lauf-3.jpg" width="450" height="450" alt="Lauf" >
<figcaption>Einbindung von SVG-Filter</figcaption>
</figure>
<svg>
<defs>
<filter id="KantenErkennung">
<feConvolveMatrix
order="3"
preserveAlpha="true"
kernelMatrix="
-1 -1 -1
-1 8 -1
-1 -1 -1"
divisor="1.0"
bias="0.0"
/>
</filter>
</defs>
</svg>
</body>
</html>