Button in SVG?

[torsten]

Hallo,

ich bin gerade dabei, meine ersten Schritte in SVG zu machen. Daher verzeiht die sicherlich dumme Frage.

Ich möchte einen Klickbutton in SVG nachbilden. Mit dem folgenden Filter (der praktisch aus der Doku entnommen ist) kann ich aus einem Rechteck ein Ding erzeugen, das wie ein Button aussieht (ähnlich "outset" in CSS).

Wie müsste ich den Filter formulieren, damit ein "inset" Eindruck entsteht?

<filter id="button">
  <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur"/>
  <feOffset in="blur" dx="2" dy="2" result="offsetBlur"/>
  <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
  <feSpecularLighting in="blur" surfaceScale="2" specularConstant="1"
                      specularExponent="11" lighting-color="wheat"
                      result="specOut">
    <fePointLight x="-5000" y="-10000" z="20000"/>
  </feSpecularLighting>
  <feComposite in="specOut" in2="SourceAlpha" operator="in"
               result="specOut"/>
  <feComposite in="SourceGraphic" in2="specOut" operator="arithmetic"
               k1="0" k2="1" k3="1" k4="0" result="litPaint"/>
  <feMerge>
    <feMergeNode in="offsetBlur"/>
    <feMergeNode in="litPaint"/>
  </feMerge>
</filter>

Danke,
Torsten

[LX]

Ich würde an Deiner Stelle ein Programm wie bspw. Inkscape für die Grafik verwenden und interne Links/CSS/JS per XML-Editor definieren.

Gruß, LX