SVG 필터


SVG 필터

SVG 필터는 SVG 그래픽에 특수 효과를 추가하는 데 사용됩니다.


브라우저 지원

표의 숫자는 SVG 필터를 지원하는 첫 번째 브라우저 버전을 지정합니다.

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

SVG 필터 요소

다음 장에서는 가능한 필터 효과만 보여주고 SVG로 무엇을 할 수 있는지에 대한 아이디어를 제공합니다.

SVG에서 사용 가능한 필터 요소는 다음과 같습니다.

  • <feBlend> - 이미지 결합용 필터
  • <feColorMatrix> - 색상 변환용 필터
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <페플러드>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <여성형학>
  • <feOffset> - 그림자에 대한 필터
  • <feSpecularLighting>
  • <페타일>
  • <feTurbulence>
  • <feDistantLight> - 조명용 필터
  • <fePointLight> - 조명용 필터
  • <feSpotLight> - 조명용 필터

팁: 각 SVG 요소에 여러 필터를 사용할 수 있습니다!