이미지의 마킹 포인트

Question

사용자가 이미지를 클릭하면 HTML 페이지의 이미지에 포인트를 표시 할 수 있습니다. 사용자가 원하는 것을 클릭하자마자 페이지에 표시된 이미지에 점을 표시하고 싶습니다.

Answer 1

원본 이미지 위에 이러한 '점'을 절대적으로 배치 된 img 요소로 배치하십시오. 'left'및 'top'CSS 속성을 사용하여 X, Y 좌표를 지정할 수 있습니다.

원본 img 요소의 상대 위치 지정이있는 경우 마커를 붙이는 이미지와 관련된 좌표를 지정할 수 있습니다.

Answer 2

이전 브라우저를 지원할 필요가없는 경우 HTML5 canvas element을 살펴보십시오.

• https://developer.mozilla.org/en/Canvas_tutorial/Using_images 및
• https://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapes

이 경우에 유용 할 수 있습니다.