본문 바로가기
Javascript

SVG filter에 대하여

by progrpsk 2017. 7. 26.

최근 SVG 필터를 이용하여 작품읆 하나 만들 준비를 하고 있는데,

해당 필터에 대한 한국어 페이지 정보가 미미함을 알게 되었다.

그래서 내가 직접 정리해 보려고 한다.


먼저 filter 태그를 살펴보면,

여러가지 속성이 있지만 대부분 기본적인 것이고 그렇지 않은것을 보자면

filterRes, filterUnits, primitiveUnits 정도가 있다.

이중에서 filterRes 폐기되어 더이상 사용하지 않는다고 한다.

그러니 filterUnits, primitiveUnits 정도만 알아두면 된다.


솔직히 filterUnits, primitiveUnits에 대한 설명글을 읽어 봤지만

정확히 어떤 기능을 하는 속성인지는 파악이 안 되었다.


두개의 속성 모두 userSpaceOnUse, objectBoundingBox 값을 번갈아 써봤지만 눈에 띄는 차이점은 없었다.

앞으로 filter을 사용해 보면서 다시 알게 되는점이 있다면 업데이트할 예정이다.


댓글