Placing points on top of an image with HTML/Javascript

I would like to find some code or a technique to place points on top of an image in HTML. When the user clicks on the image, javascript event calls a function with the x,y positions of the pointer relative to the origin of the image. Ideally, the user would also be able to zoo开发者_如何学编程m in/out on bigger images that can't fit on the page.

Thanks for any help/ideas!

It sounds like you should look into HTML5, particularly the Canvas element:

Here are some resources:

• Reference Documentation
• How to draw with HTML5 Canvas
• Lets call it a drawing surface