图像上的标记点

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

可能是在这种情况下非常有用。