핵심 요약
미리디가 브라우저에서 이미지 보정에 사용할 SVG 필터 활용법을 소개합니다.
구현 방법
- SVG 필터의 작동 구조와 defs, filter 선언, 프리미티브의 연결(in, result) 흐름
- feGaussianBlur, feColorMatrix 등 프리미티브를 조합해 원본과 합성하는 예시
- CSS filter와 SVG filter의 차이 및 적용 시점 정리
- DevTools를 통한 프리미티브 속성의 실시간 조정 팁
주요 결과
- 다양한 프리미티브 조합으로 블러, 합성, 색상 변환 등 복잡한 보정 파이프라인 구현 가능
- in/result를 활용한 파이프라인 재사용 및 원본/가공 결과의 유연한 합성 제어
- 상황에 맞는 CSS vs SVG 선택 가이드 제공
