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>
- <feFlood>
- <feGaussianBlur>
- <feImage>
- <feMerge>
- <feMorphology>
- <feOffset> - 그림자에 대한 필터
- <feSpecularLighting>
- <feTile>
- <feTurbulence>
- <feDistantLight> - 조명 필터
- <fePointLight> - 조명 필터
- <feSpotLight> - 조명 필터
팁 : 각 SVG 요소에 여러 개의 필터를 사용할 수 있습니다!