← 返回首页
<feFuncR> - 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
Toggle sidebar
  1. Web
  2. SVG
  3. Reference
  4. Elements
  5. <feFuncR>
Theme
  • OS default
  • Light
  • Dark
English (US)
Remember language Learn more

<feFuncR>

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.

The <feFuncR> SVG filter primitive defines the transfer function for the red component of the input graphic of its parent <feComponentTransfer> element.

In this article

Usage context

CategoriesPermitted content
None
Any number of the following elements, in any order:
<animate>, <set>

DOM Interface

This element implements the SVGFEFuncRElement interface.

Specifications

Specification
Filter Effects Module Level 1
# feFuncRElement

Browser compatibility

Enable JavaScript to view this browser compatibility table.

See also

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on Mar 18, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. SVG
  2. Tutorials
  3. Introducing SVG from scratch
    1. Introduction
    2. Getting started
    3. Positions
    4. Basic shapes
    5. Paths
    6. Fills and strokes
    7. Gradients in SVG
    8. Patterns
    9. Texts
    10. Basic transformations
    11. Clipping and masking
    12. Other content in SVG
    13. Filter effects
    14. Using fonts in SVG
    15. SVG image element
    16. Tools for SVG
    17. SVG and CSS
  4. Guides
    1. Content type
    2. Linking
    3. Namespaces crash course
    4. Scripting
    5. SVG animation with SMIL
    6. SVG as an image
    7. SVG effects for HTML
    8. SVG filters
    9. SVG in HTML introduction
  6. Reference
  7. Elements
    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. Attributes
    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. method
    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

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.