2011-02-04 5 views
2

이미지를 HTML 섹션으로 변환하려고합니다 (아래 이미지를 빨간색, 파란색, 주황색, 녹색 및 노란색으로 표시). 즉,이 부분을 클릭하면 온라인 뉴스 용지처럼 별도의 창에 별도의 섹션으로 나타납니다.이미지를 HTML 섹션으로 변환

글쎄 포토샵 슬라이싱 도구를 사용하면 확실하지 않을 수 있습니다. 그러나 포토샵을 사용하고 싶지는 않지만 오히려 이미지 위에 섹션을 선택할 수있는 기능을 구현하고 싶습니다. HTML 페이지 또는 부품으로 변환하십시오.

그래서 사람이

enter image description here

+0

JS로 클라이언트에서이 작업을 수행 하시겠습니까? 픽셀 좌표를 입력으로 사용합니까? –

+0

당신은 imagemap (http://www.w3schools.com/TAGS/tag_map.asp)을 찾고 있습니다. 상대적으로 언덕처럼 오래된 기술입니다. – Sean

+0

그는 브라우저에서지도를 만들고, 큰 이미지를 업로드 한 다음 사용자가 핫스팟을 만들기 위해 드래그 할 수있게 할 것이라고 생각합니다. @ 헌트, 너 코멘트 할 수 있니? –

답변

0

이 간단한 작업, 다행히, 당신이 원하는 것을 할 많은 도구가이 (생성되지 않도록 할 나에게 몇 가지 아이디어, 예 또는 로드맵을 제공 할 수 있습니다 이미지의 핫스팟을 생성지도)

http://www.maschek.hu/imagemap/imgmap

http://www.image-maps.com/이 하나 있습니다 기존 맵을 사용하고 수정할 수 있습니다.

+0

에 나와있는 도구를 사용하십시오. 나에게 제안한 도구를 사용해 보았습니다. 기능을 추가하고 사용자가 클릭 할 때 매핑 된 섹션을 다른 창에 표시하려고합니다. 선택한 또는 diced 영역. – Hunt

+0

글쎄, 서버 측에서 좌표에 따라 이미지를 찍으려면 어떤 종류의 기술이 필요한지 생각 해봐야합니다. – Hunt

+0

서버에 구현하는 방법에 대한 자세한 내용은 업데이트를 참조하십시오. –