728x90 반응형 자바웹프로그래밍/CSS2 SVG 필터효과 :feMorphology를 사용한 윤곽선 텍스트 Morpohing? 은 무엇인가? morph에 의미는 개체의 형태 모양을 변형하거나 변경하는것을 의미한다. morphology filter는 객체의 형태로 작동한다. 또한 필터는 두가지의 미리 정의된 형태변화들을 제공한다. 프리미티브를 사용하여 요소를 축소하거나 확장하는 형태변화를. 두 작업이 모두 픽셀 수준에서 작동하여 픽셀을 인접 픽셀로 확장하거나 해당 픽셀 가장자리 주변의 스트로크를 유지하면서 작동중인 픽셀의 가장자리에서 인접 픽셀을 무너뜨린다. 픽셀이 확장되거나 침식하는데에 사용되는 인접 픽셀의 수는 반경 매개 변수에 의해 결정된다. Morphing Images feMorphology 작업을 이미지에 적용하면 일반적으로 예측가능한 두가지 결과가 나타난다. 이미지 크기는 erode 연산자를 사용하면.. 2021. 1. 25. svg fillter 나만의 효과 만들기 -1 CSS filter 그래픽 및 콘텐츠에 포토샵과 같은 효과를 적용 할수있도록 css에서 제공하는 속성이다. CSS 필터는 화면에 렌더링되기 직전에 해당요소에 적용된다 해당요소는 화면에 그려지기 전에 일종의 필터를 통과한다. filter 속성에 여러 필터 함수를 전달하여 해당요소에 여러 필터를 적용할수있다. CSS 사용가능 필터 종류 blur() brightness() contrast() grayscale() hue-rotate() invert() opacity() saturate() sepia() drop-shadow() url() 1.blur() blur() blur filter는 가우시안 blur를 적용한다. blur함수는 가우스 함수에 대한 표준 편차 값을 정의하는 매개 변수를 받는다. 즉, 화면에.. 2021. 1. 25. 이전 1 다음 728x90 반응형
