画像上の点を表示する

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

この場合に有用であるかもしれません。