이미지를 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라는 게 있던데, 저는 웹에서 구현하는 것이 목적이라서요.
얼굴 인식 엔진인 올라웍스의 올라페이스나, 웹 얼굴 검색 엔진과 같은 게 목표입니다.
여튼 자세한 이야기는 나중에 또 하죠.
http://blog.kimchulho.com/trackback/192
-
최근 그 수가 많아진 아트 관련 벤처들
2008/12/13 13:16 Tracked from 권씨의 신기한 웹탐험기 삭제최근에 리트머스2 프로그램을 보다 보면, 스케치판을 비롯해 이번에 새롭게 스거느아트라는 서비스가 입주를 했습니다. 또 리트머스2는 아니지만 최근에 바이미라는 서비스도 오픈을 했었드랬죠.. 스케치판이라는 서비스의 경우, 라이브 캔버스 ‘스케치판(sketchpan)’<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 개방, 참여, 공유를 자유롭게 할 수 있는 그림채널..
댓글을 달아 주세요
으아.. 아이디어는 좋은데 여기 들어가면 파이어폭스가 멎을락 말락 할 정도로 부하가 심하네요 ;ㅅ;
뭐 당연히 이미지를 div태그로 전환했다는 것 자체가 엄청난 노가다기는 하지만 ㅋㅋ..
그냥 전환해서 직접 보여주는 것보다 소스코드를 받을수 있도록 하는 기능을 넣는게 어떤지?
0.2버전에서 구현해 보지요.
참고로 제 PC는 cpu 1.9기가에 ram 2기가입니다.
헐 전문가시다
쿠헐 미술가시다