2010-05-24 4 views
4

Google지도의 그림 영역과 같이 점을 기준으로 이미지의 영역을 그리는 방법은 무엇입니까? 동적으로 자바 스크립트.
편집 : 질문은 페이지에지도 이미지를 놓고 집 상단에 영역을 그려 보는 것입니다.이미지에서 그림 그리기 및 페인트 영역

답변

1

canvas element을 사용하십시오.

+2

이 IE에서 작동하지 않습니다 :

여기에 작은 튜토리얼입니다. –

+0

@Nissan : 예, 지금 기억합니다. html5의 일부이기 때문에 IE가 결국 지원할 것입니다. –

+0

모든 솔루션이 훌륭합니다. 내 클라이언트가 IE를 신경 쓰지 않기 때문에 나는 캔버스 요소를 가지고있을 것이다. 처음에는 JS 솔루션을 찾고 있었는데, 그 중 다음을 찾았습니다. http://www.c-point.com/javascript_vector_draw.htm 및 http://jsdraw2d.jsfiction.com/. – bluefoot

1

또 다른 옵션은 SVG 또는 VML (IE 전용)을 사용하는 것입니다. 캔버스 태그가 확실히 가장 쉽지만.

동적으로 생성 된 SVG를 통해 javascript를 통해 실험 해 보았습니다 : here's 예제 사용.

1

JavaScript 솔루션 외에도 PHP를 사용하여 항상 선을 동적으로 그릴 수 있습니다. 그런 다음 새로 만든 이미지를지도 이미지 위에 놓습니다. 당신이 구글 explorecanvas이 http://code.google.com/p/explorercanvas/ 프로젝트 사용하지 않는 Drawing shapes with GD