핵심 요약
미리디가 SVG 필터 프리미티브를 활용해 미리캔버스에서 브라우저 기반 이미지 보정 기능을 구현했습니다.
구현 방법
- feGaussianBlur + feConvolveMatrix로 블러/샤프닝(언샤프 마스크 원리) 구현
- feComponentTransfer로 밝기 조정: slope/intercept를 이용한 선형 조합 적용
- feComponentTransfer의 table 함수로 대비(S-커브) 조정
- feColorMatrix로 채도 조절
- edgeMode="duplicate"로 경계 아티팩트 최소화
- stdDeviation은 방향별 제어 가능(예: 4, 2)
주요 결과
- 브라우저에서 블러/샤프닝, 밝기/대비/채도 보정이 하나의 파이프라인으로 적용
- 방향별 블러 제어 가능
- 샤프닝 강도는 중심값 조정으로 조절하며 경계 아티팩트 감소
