← 返回首页
<feDistantLight> - SVG | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. SVG
  3. Reference
  4. Elements
  5. <feDistantLight>
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<feDistantLight>

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2018 browserübergreifend verfügbar.

Das <feDistantLight> SVG-Element definiert eine entfernte Lichtquelle, die in einer Beleuchtungsfilterprimitive verwendet werden kann: <feDiffuseLighting> oder <feSpecularLighting>.

In diesem Artikel

Verwendungskontext

KategorienErlaubter Inhalt
Lichtquellenelement
Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge:
<animate>, <set>

Attribute

DOM-Schnittstelle

Dieses Element implementiert die SVGFEDistantLightElement-Schnittstelle.

Spezifikationen

Spezifikation
Filter Effects Module Level 1
# feDistantLightElement

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. SVG
  2. Tutorials
  3. Einführung in SVG von Anfang an
    1. Einführung
    2. Erste Schritte
    3. Positionen
    4. Grundformen
    5. Pfade
    6. Füllungen und Konturen
    7. Gradients in SVG
    8. Muster
    9. Texte
    10. Grundlegende Transformationen
    11. Clippen und Maskieren
    12. Andere Inhalte in SVG
    13. Filtereffekte
    14. Verwendung von Schriftarten in SVG
    15. SVG image-Element
    16. Werkzeuge für SVG
    17. SVG und CSS
  4. Leitfäden
    1. Inhaltstyp
    2. Verlinkung
    3. Namespaces-Kurzanleitung
    4. Skripterstellung
    5. SVG-Animation mit SMIL
    6. SVG als Bild
    7. SVG-Effekte für HTML
    8. SVG-Filter
    9. Einführung in SVG in HTML
  6. Referenz
  7. Elemente
    1. <a>
    2. <animate>
    3. <animateMotion>
    4. <animateTransform>
    5. <circle>
    6. <clipPath>
    7. <defs>
    8. <desc>
    9. <ellipse>
    10. <feBlend>
    11. <feColorMatrix>
    12. <feComponentTransfer>
    13. <feComposite>
    14. <feConvolveMatrix>
    15. <feDiffuseLighting>
    16. <feDisplacementMap>
    17. <feDistantLight>
    18. <feDropShadow>
    19. <feFlood>
    20. <feFuncA>
    21. <feFuncB>
    22. <feFuncG>
    23. <feFuncR>
    24. <feGaussianBlur>
    25. <feImage>
    26. <feMerge>
    27. <feMergeNode>
    28. <feMorphology>
    29. <feOffset>
    30. <fePointLight>
    31. <feSpecularLighting>
    32. <feSpotLight>
    33. <feTile>
    34. <feTurbulence>
    35. <filter>
    36. <foreignObject>
    37. <g>
    38. <image>
    39. <line>
    40. <linearGradient>
    41. <marker>
    42. <mask>
    43. <metadata>
    44. <mpath>
    45. <path>
    46. <pattern>
    47. <polygon>
    48. <polyline>
    49. <radialGradient>
    50. <rect>
    51. <script>
    52. <set>
    53. <stop>
    54. <style>
    55. <svg>
    56. <switch>
    57. <symbol>
    58. <text>
    59. <textPath>
    60. <title>
    61. <tspan>
    62. <use>
    63. <view>
  8. Attribute
    1. accumulate
    2. additive
    3. alignment-baseline
    4. amplitude
    5. attributeName
    6. attributeType
    7. autofocus
    8. azimuth
    9. baseFrequency
    10. baseline-shift
    11. baseProfile
    12. begin
    13. bias
    14. by
    15. calcMode
    16. class
    17. clip
    18. clip-path
    19. clip-rule
    20. clipPathUnits
    21. color
    22. color-interpolation
    23. color-interpolation-filters
    24. crossorigin
    25. cursor
    26. cx
    27. cy
    28. d
    29. data-*
    30. decoding
    31. diffuseConstant
    32. direction
    33. display
    34. divisor
    35. dominant-baseline
    36. dur
    37. dx
    38. dy
    39. edgeMode
    40. elevation
    41. end
    42. exponent
    43. fetchpriority
    44. fill
    45. fill-opacity
    46. fill-rule
    47. filter
    48. filterUnits
    49. flood-color
    50. flood-opacity
    51. font-family
    52. font-size
    53. font-size-adjust
    54. font-stretch
    55. font-style
    56. font-variant
    57. font-weight
    58. font-width
    59. fr
    60. from
    61. fx
    62. fy
    63. glyph-orientation-horizontal
    64. glyph-orientation-vertical
    65. gradientTransform
    66. gradientUnits
    67. height
    68. href
    69. id
    70. image-rendering
    71. in
    72. in2
    73. intercept
    74. k1
    75. k2
    76. k3
    77. k4
    78. kernelMatrix
    79. kernelUnitLength
    80. keyPoints
    81. keySplines
    82. keyTimes
    83. lang
    84. lengthAdjust
    85. letter-spacing
    86. lighting-color
    87. limitingConeAngle
    88. marker-end
    89. marker-mid
    90. marker-start
    91. markerHeight
    92. markerUnits
    93. markerWidth
    94. mask
    95. mask-type
    96. maskContentUnits
    97. maskUnits
    98. max
    99. media
    100. Methode
    101. min
    102. mode
    103. numOctaves
    104. opacity
    105. operator
    106. order
    107. orient
    108. origin
    109. overflow
    110. paint-order
    111. path
    112. pathLength
    113. patternContentUnits
    114. patternTransform
    115. patternUnits
    116. pointer-events
    117. points
    118. pointsAtX
    119. pointsAtY
    120. pointsAtZ
    121. preserveAlpha
    122. preserveAspectRatio
    123. primitiveUnits
    124. r
    125. radius
    126. refX
    127. refY
    128. repeatCount
    129. repeatDur
    130. requiredExtensions
    131. requiredFeatures
    132. restart
    133. result
    134. rotate
    135. rx
    136. ry
    137. scale
    138. seed
    139. shape-rendering
    140. side
    141. slope
    142. spacing
    143. specularConstant
    144. specularExponent
    145. spreadMethod
    146. startOffset
    147. stdDeviation
    148. stitchTiles
    149. stop-color
    150. stop-opacity
    151. stroke
    152. stroke-dasharray
    153. stroke-dashoffset
    154. stroke-linecap
    155. stroke-linejoin
    156. stroke-miterlimit
    157. stroke-opacity
    158. stroke-width
    159. style
    160. surfaceScale
    161. systemLanguage
    162. tabindex
    163. tableValues
    164. target
    165. targetX
    166. targetY
    167. text-anchor
    168. text-decoration
    169. text-overflow
    170. text-rendering
    171. textLength
    172. to
    173. transform
    174. transform-origin
    175. type
    176. unicode-bidi
    177. values
    178. vector-effect
    179. version
    180. viewBox
    181. visibility
    182. white-space
    183. width
    184. word-spacing
    185. writing-mode
    186. x
    187. x1
    188. x2
    189. xChannelSelector
    190. xlink:arcrole
    191. xlink:href
    192. xlink:show
    193. xlink:title
    194. xlink:type
    195. xml:lang
    196. xml:space
    197. y
    198. y1
    199. y2
    200. yChannelSelector
    201. z
    202. zoomAndPan

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.