Zur Startseite - about-svg.de
  Theorie I
  ClipPath
  feTurbulence
  feDisplacement
  feGaussianBlur
   
   
   
   

 

 

 

feGaussianBlur

 

Zur Veredelung von Texturen oder Lichteffekten können unter anderem Schatteneffekte erstellt werden. Aus Adobes Photoshop ist dieser Filtereffekt als Weichzeichner bekannt, was mit Unschärfe passend erklärt werden kann.

Mit Beleuchtungseffekten können einfallende Lichtquellen auf Objekte angewandt werden. Realistische Beleuchtungen wie Distanz-, Spot- oder Punktlichter und auch trübe Lichtquellen können einem zweidimensionalen Objekt eine 3D-Optik gewähren.

 

Beispiel:

 

 

 


Beispiel im IE:
 
   
 

<filter id="IDdiffuse" x="20" y="100" width="170" height="60" filterUnits="userSpaceOnUse">
<!-- *** Weichzeichner auf den Alphakanal der Ausgangsgrafik *** -->
<feGaussianBlur in="SourceAlpha" stdDeviation="2" result="schatten" />
<feDiffuseLighting in="schatten" surfaceScale="4" diffuseConstant="1" lighting-color="#FF7F50" result="DiffLight">
<fePointLight x="-4000" y="-1000" z="5000" />
</feDiffuseLighting>
</filter>

<!-- *** Beleuchtungsfilter *** -->
<filter id="IDspecular" x="20" y="353" width="250" height="60" filterUnits="userSpaceOnUse">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" result="schatten" />
<feSpecularLighting in="schatten" surfaceScale="3" specularConstant="1" specularExponent="30" lighting-color="white" result="SpecLight">
<fePointLight x="-5000" y="-5000" z="10000" />
</feSpecularLighting>
</filter>

<filter id="IDdisplace" x="150" y="280" width="250" height="110" filterUnits="userSpaceOnUse">
<feImage xlink:href="#aaa" result="bild2" />
<feDisplacementMap in="SourceGraphic" in2="bild2" xChannelSelector="R" yChannelSelector="G" scale="8" />
</filter>

<text id="dif" x="20" y="150" style="font-family:Verdana; font-weight:bold; font-stretch: ultra-expanded; font-size:40;">trüb</text>

<text id="spec" x="20" y="400" style="font-family:Verdana; font-weight:bold; font-stretch: ultra-expanded; font-size:45;">Glanz</text>

 

  nach oben 

 
 
  Zum Leipzig-Entertainer (SVG)  
     
  Zum Campusplan (SVG)  
     
  Zum SVG-Tutorial (SVG)  
     
  Zum Wankelmotor (SVG)