svg animation (with. feGaussianBlur, feOffset etc..)
1. svg로 효과를 만든다고? svg는 벡터기반 그래픽을 정의할 수 있다. 이 말은 곧! svg를 이용하여 그래픽 효과를 만들 수 있다는 말이다. 오늘은 내용이 긴 관계로 1,2 편으로 나누어 설명하며, 1편에서는 svg로 효과를 만드는 방법을 알아볼 것이다. 2. svg로 효과를 만드는 방법 1) 사전 준비하기 (1) filter에서 효과를 만들자 에 를 추가하고, 내부에서 효과를 생성한다. 이렇게 생성한 효과는 filter의 id값을 사용해 적용할 수 있다. 2) feGaussianBlur, 블러효과 (1) feGaussianBlur란 대상에 대해 블러 효과를 만들 수 있다. (2) 속성 설명 in : 효과를 적용할 대상을 지정한다. (SourceGraphic로 지정시 원본에 효과가 적용됨) std..
2021. 10. 18.
