SVG 필터

SVG 필터

SVG 필터는 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 요소에 여러 필터를 사용할 수 있습니다!