Java Script를 이용한 영상처리 페이지 구현

미니프로젝트 Ver_1

주제 : 자바스크립트를 이용한 웹페이지 만들기!

 

시현영상:

 

#표지

표지는 버튼 이벤트를 이용하여 버튼 클릭시 해당 영상처리 파트로 넘어갈 수 있도록 하였습니다.

표지.html

0.00MB

2.png

0.28MB

18.png

0.02MB

#Mirror (그림판 만들기)

그림판은 수업중 배운 내용과 검색을해서 추가 보완해봤습니다.

거울.html

0.01MB

40.png

0.29MB

 

영상처리 부분 이미지 파일

영상처리 페이지마다 CSS를 이용하여 마우스를 이미지에 가져갈시 축소와 회전이 무한으로 가능한 애니메이션을 넣어줬습니다.

3.png

0.22MB

5.png

0.01MB

#화소 점 처리

화소 점 처리 페이지는 버튼 이벤트를 사용하였고 작은 그림판을 추가하였습니다.

화소 점.html

0.02MB

 

#기하학 처리

기하학 처리는 확대 및 축소와 회전을 넣어봤습니다.

기하학.html

0.02MB

 

#히스토그램

히스토그램은 스트레칭과 엔드 인 그리고 평활화 처리를 하였습니다.

히스토.html

0.02MB

 

#화소 영역 처리

화소 영역 처리는 엠보싱과 블러처리를 하였습니다.

영상.html

0.02MB