内容表

• feConvolveMatrix
• feGaussianBlur
• 规范

edgeMode

1. SVG 元素

   1. A
      1. <a>
      2. <altGlyph>
      3. <altGlyphDef>
      4. <altGlyphItem>
      5. <animate>
      6. <animateColor>
      7. <animateMotion>
      8. <animateTransform>
   2. B-C
      1. <circle>
      2. <clipPath>
      3. <color-profile>
      4. <cursor>
   3. D
      1. <defs>
      2. <desc>
   4. E
      1. <ellipse>
   5. F
      1. <feBlend>
      2. <feColorMatrix>
      3. <feComponentTransfer>
      4. <feComposite>
      5. <feConvolveMatrix>
      6. <feDiffuseLighting>
      7. <feDisplacementMap>
      8. <feDistantLight>
      9. <feFlood>
      10. <feFuncA>
      11. <feFuncB>
      12. <feFuncG>
      13. <feFuncR>
      14. <feGaussianBlur>
      15. <feImage>
      16. <feMerge>
      17. <feMergeNode>
      18. <feMorphology>
      19. <feOffset>
      20. <fePointLight>
      21. <feSpecularLighting>
      22. <feSpotLight>
      23. <feTile>
      24. <feTurbulence>
      25. <filter>
      26. <font>
      27. <font-face>
      28. <font-face-format>
      29. <font-face-name>
      30. <font-face-src>
      31. <font-face-uri>
      32. <foreignObject>
   6. G
      1. <g>
      2. <glyph>
      3. <glyphRef>
   7. H
      1. <hkern>
   8. I
      1. <image>
   9. J-L
      1. <line>
      2. <linearGradient>
   10. M
       1. <marker>
       2. <mask>
       3. <metadata>
       4. <missing-glyph>
       5. <mpath>
   11. N-P
       1. <path>
       2. <pattern>
       3. <polygon>
       4. <polyline>
   12. Q-R
       1. <radialGradient>
       2. <rect>
   13. S
       1. <script>
       2. <set>
       3. <stop>
       4. <style>
       5. <svg>
       6. <switch>
       7. <symbol>
   14. T
       1. <text>
       2. <textPath>
       3. <title>
       4. <tref>
       5. <tspan>
   15. U
       1. <use>
   16. V-Z
       1. <view>
       2. <vkern>

edgeMode attribute determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.

You can use this attribute with the following SVG elements:

• <feConvolveMatrix>
• <feGaussianBlur>

feConvolveMatrix

For <feConvolveMatrix> , edgeMode determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.

值	duplicate | wrap | none
默认值	duplicate
Animatable	Yes

duplicate

This value indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.

wrap

This value indicates that the input image is extended by taking the color values from the opposite edge of the image.

none

This value indicates that the input image is extended with pixel values of zero for R, G, B and A.

feGaussianBlur

For <feGaussianBlur> , edgeMode determines how to extend the input image as necessary with color values so that the matrix operations can be applied when the kernel is positioned at or near the edge of the input image.

值	duplicate | wrap | none
默认值	none
Animatable	Yes

duplicate

This value indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.

wrap

This value indicates that the input image is extended by taking the color values from the opposite edge of the image.

none

This value indicates that the input image is extended with pixel values of zero for R, G, B and A.

规范

规范	状态	注释
Filter Effects Module Level 1 The definition of 'edgeMode for <feGaussianBlur>' in that specification.	工作草案	Initial definition for <feGaussianBlur>
Filter Effects Module Level 1 The definition of 'edgeMode for <feConvolveMatrix>' in that specification.	工作草案	无变化
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'edgeMode for <feConvolveMatrix>' in that specification.	推荐	Initial definition for <feConvolveMatrix>

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者