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