javascript - Stubhub 像 HTML5 中的 map ？

Question

我有一张平面图的图片。如果它是酒店平面图，最好的思考方式。(类似于 stubhub 如何制作他们的票务 map )我希望用户选择房间。有没有一种方法可以在 HTML5 canvas 或 Javascript 中分割图像，而不是在 Photoshop 中分割每个房间。想避免闪光。

这可能吗？!

感谢您的回复!

例子: http://adamsaewitz.com/housing/housing.html

(左上角的房间，悬停)

Answer 1

你可以做一个图像映射(http://www.w3schools.com/TAGS/tag_map.asp)，或者如果你知道每个房间的坐标，你可以将它存储在某个地方的数组中，然后当有人点击图像时找出点击是否在房间内然后做什么你需要。

这是一个在图像中查找点击坐标的示例 http://www.emanueleferonato.com/2006/09/02/click-image-and-get-coordinates-with-javascript/