SVG 필터

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

SVG 필터

이 튜토리얼에서는 가능한 특수 효과 하나만 보여 드리겠습니다. 기본 사항을 시연하고 특수 효과 사용법을 익힌 후에는 다른 곳에 적용할 수 있어야 합니다. 여기서 요점은 전체 사양을 반복하기보다는 SVG를 수행하는 방법에 대한 아이디어를 제공하는 것입니다.

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

• feBlend - 이미지와 결합하는 필터

• feColorMatrix - 컬러 필터 변환용

• feComponentTransfer

• feComposite

• feConvolveMatrix

• feDiffuseLighting

• feDisplacementMap

• feFlood

• feGaussianBlur

• feImage

• feMerge

• feMorphology

• feOffset - 필터 그림자

• feSpecularLighting

• feTile

• feTurbulence

• feDistantLight - for 조명 필터링

• fePointLight - 조명 필터링용

• feSpotLight - 조명 필터링용

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