SVGFESpotLightElement: specularExponent-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die schreibgeschützte Eigenschaft specularExponent der Schnittstelle SVGFESpotLightElement spiegelt das specularExponent-Attribut des gegebenen <feSpotLight>-Elements wider.

Wert

Ein SVGAnimatedNumber-Objekt.

Beispiele

Zugriff auf das specularExponent-Attribut des <feSpotLight>-Elements

In diesem Beispiel greifen wir auf den Exponentenwert zu, der den Fokus der Lichtquelle des <feSpotLight>-Filterelements steuert, indem wir die schreibgeschützte Eigenschaft specularExponent der Schnittstelle SVGFESpotLightElement verwenden.

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="specularLightingFilter">
      <!-- Apply a specular light effect to the SourceGraphic -->
      <feSpecularLighting
        in="SourceGraphic"
        specularExponent="40"
        lighting-color="hotpink"
        surfaceScale="5">
        <feSpotLight
          x="100"
          y="100"
          z="50"
          pointsAtX="100"
          pointsAtY="100"
          specularExponent="40" />
      </feSpecularLighting>
    </filter>
  </defs>
  <circle
    cx="100"
    cy="100"
    r="50"
    style="fill:lightblue;"
    filter="url(#specularLightingFilter)" />
</svg>
js
// Select the feSpotLight element
const spotLightElement = document.querySelector("feSpotLight");

// Access the specularExponent property
console.log(spotLightElement.specularExponent.baseVal); // Output: 40

Spezifikationen

Specification
Filter Effects Module Level 1
# dom-svgfespotlightelement-specularexponent

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch