이미지를 div나 table 태그로 변환해 주는 웹프로그램 입니다.
이미지를 읽으면 gb 라이브러리를 사용하여 각 좌표에 해당하는 픽셀의 컬러값을 읽은 후 동일한 좌표의 div나 table의 요소의 배경이미지색을 그와 같이 해주는 원리입니다.
일단, 알파값은 처리를 못합니다.
문법, 의미상 오류가 있다면 알려주세요. 영어와 담쌓은지 수년여...
초기화면에서 보이는 조유나씨 사진에서 왼쪽이 실제 jpg파일이고,
오른쪽이 div태그로 변환된 모습입니다.
jpg나 여타의 그림파일이 기본적으로 압축을 하는데 반해 div와 같이 태그로 보여주는 것은 다른 태그들도 같이 섞여있고 압축도 안된 상태라 로딩 시간이 상당합니다.
그래서 일단, 가로 세로 길이 합이 500미만인 경우에만 변환되도록 했습니다.
그리고, 실질적인 html소스 길이를 출이기 위해 스타일 시트를 최대한 사용하였습니다.
이건 효용면에서도 떨어지기 때문에 심심풀이로 이런게 있구나 하고 보면 되겠습니다.
나중에 스타일시트를 사용하지 않고 속성값을 일일이 적용해서 실제로 적용할 수 있는 코드를 제공해보겠습니다.
이미지를 읽으면 gb 라이브러리를 사용하여 각 좌표에 해당하는 픽셀의 컬러값을 읽은 후 동일한 좌표의 div나 table의 요소의 배경이미지색을 그와 같이 해주는 원리입니다.
일단, 알파값은 처리를 못합니다.

초기화면에서 보이는 조유나씨 사진에서 왼쪽이 실제 jpg파일이고,
오른쪽이 div태그로 변환된 모습입니다.
jpg나 여타의 그림파일이 기본적으로 압축을 하는데 반해 div와 같이 태그로 보여주는 것은 다른 태그들도 같이 섞여있고 압축도 안된 상태라 로딩 시간이 상당합니다.
그래서 일단, 가로 세로 길이 합이 500미만인 경우에만 변환되도록 했습니다.
그리고, 실질적인 html소스 길이를 출이기 위해 스타일 시트를 최대한 사용하였습니다.
이건 효용면에서도 떨어지기 때문에 심심풀이로 이런게 있구나 하고 보면 되겠습니다.
나중에 스타일시트를 사용하지 않고 속성값을 일일이 적용해서 실제로 적용할 수 있는 코드를 제공해보겠습니다.
http://kimchulho.com/fun/img2div/
...
요즘 사진이나 영상쪽에 관심이 쏠리네요.
gd 라이브러리에 픽셀값을 찍어서 그림을 만들 수도 있던데, 필터를 적용해서 흑백으로 만든다던가 샤프니스를 준다던가 하는 것도 해볼까 합니다.
얼굴 추출 및 인식, 2장의 stereogram을 이용한 3d 모델링 등을 해보고 싶네요.
논문 같은걸 뒤져봐도 자세한건 안 나와있고, 관련 서적은 전무하네요.
c에서 사용할 수 있는 opencv라는 게 있던데, 저는 웹에서 구현하는 것이 목적이라서요.
얼굴 인식 엔진인 올라웍스의 올라페이스나, 웹 얼굴 검색 엔진과 같은 게 목표입니다.
여튼 자세한 이야기는 나중에 또 하죠.
...
요즘 사진이나 영상쪽에 관심이 쏠리네요.
gd 라이브러리에 픽셀값을 찍어서 그림을 만들 수도 있던데, 필터를 적용해서 흑백으로 만든다던가 샤프니스를 준다던가 하는 것도 해볼까 합니다.
얼굴 추출 및 인식, 2장의 stereogram을 이용한 3d 모델링 등을 해보고 싶네요.
논문 같은걸 뒤져봐도 자세한건 안 나와있고, 관련 서적은 전무하네요.
c에서 사용할 수 있는 opencv라는 게 있던데, 저는 웹에서 구현하는 것이 목적이라서요.
얼굴 인식 엔진인 올라웍스의 올라페이스나, 웹 얼굴 검색 엔진과 같은 게 목표입니다.
여튼 자세한 이야기는 나중에 또 하죠.
















