圖像上的標記點

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

可能是在這種情況下非常有用。