Latest web development tutorials

SVG 필터

SVG 필터는 SVG 그래픽을 특수 효과를 증가시키기 위해 사용될 수있다.


SVG 필터

이 튜토리얼에서, 우리는 특수 효과의 하나의 가능한 사용을 보여줄 것이다. 기초, 당신은 특수 효과를 사용 배운 공연 후에는 다른 장소에 적용 할 수 있어야한다. 열쇠는 여기 당신에게 오히려 전체 사양을 반복하는 것보다, SVG를 수행 할 작업의 아이디어를 제공하는 것입니다.

SVG 필터를 사용할 수 있습니다 :

  • feBlend - 이미지 필터와 결합
  • feColorMatrix - 색 변환 필터
  • feComponentTransfer
  • feComposite
  • feConvolveMatrix
  • feDiffuseLighting
  • feDisplacementMap
  • feFlood
  • feGaussianBlur
  • feImage
  • feMerge
  • feMorphology
  • feOffset - 여과 그림자
  • feSpecularLighting
  • feTile
  • feTurbulence
  • feDistantLight - 조명 필터
  • fePointLight - 조명 필터
  • feSpotLight - 조명 필터

말 또한, 각 SVG 요소에 여러 개의 필터를 사용할 수 있습니다!