SVG – Learning by Coding

[ filter_Turbulence.svg --> Grafik anzeigen ]

 1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
 2: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
 3:   "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
 4:   <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
 5: ]>
 6: 
 7: <!-- SVG Learning By Coding http://www.datenverdrahten.de/svglbc/ -->
 8: <!--    AuthorDrThomas Meinike 12/03 thomas@handmadecode.de     -->
 9: 
10: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
11: 
12:   <defs>
13: 
14:     <filter id="turb1" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
15:       <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="5" seed="0" 
16:         stitchTiles="stitch"/>
17:     </filter>
18: 
19:     <filter id="turb2" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
20:       <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="5" seed="0" 
21:         stitchTiles="noStitch"/>
22:     </filter>
23: 
24:     <filter id="turb3" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
25:       <feTurbulence type="turbulence" baseFrequency="0.1" numOctaves="8" seed="0" 
26:         stitchTiles="stitch"/>
27:     </filter>
28: 
29:     <filter id="turb4" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
30:       <feTurbulence type="turbulence" baseFrequency="0.1" numOctaves="8" seed="0" 
31:         stitchTiles="noStitch"/>
32:     </filter>
33: 
34:   </defs>
35: 
36:   <title>SVG Learning By Coding</title>
37:   <desc>SVG-Spezifikation in Beispielen</desc>
38:   <text x="20" y="30" style="fill: #000; font-size: 24px">
39:     Filter-Element feTurbulence</text>
40: 
41:   <rect x="20" y="60" width="150" height="80" style="filter: url(#turb1)"/>
42:   <rect x="190" y="60" width="150" height="80" style="filter: url(#turb2)"/>
43:   <rect x="20" y="160" width="150" height="80" style="filter: url(#turb3)"/>
44:   <rect x="190" y="160" width="150" height="80" style="filter: url(#turb4)"/>
45: 
46: </svg>

[zum Anfang]