Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
<feSpotLight>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das<feSpotLight>SVG-Element definiert eine Lichtquelle, die verwendet werden kann, um einen Spotlichteffekt zu erzeugen. Es wird innerhalb einer Beleuchtungsfilterprimitiven verwendet:<feDiffuseLighting> oder<feSpecularLighting>.
Verwendungskontext
Attribute
DOM-Schnittstelle
Dieses Element implementiert dieSVGFESpotLightElement-Schnittstelle.
Beispiel
HTML
html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter> <feSpecularLighting result="spotlight" specularConstant="1.5" specularExponent="4" lighting-color="white"> <feSpotLight x="600" y="600" z="400" limitingConeAngle="5.5" /> </feSpecularLighting> <feComposite in="SourceGraphic" in2="spotlight" operator="out" k1="0" k2="1" k3="1" k4="0" /> </filter> </defs> <image href="mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" filter="url(#spotlight)" /></svg>Ergebnis
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 1 # feSpotLightElement |