在图像上标记点

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

在这种情况下，

可能很有用。