信息图表页面的HTML / CSS

Question

我希望创建一个包含房屋图像的网页 - 房子的各个部分都会响应鼠标点击。房子将是页面上的唯一主要元素。

鉴于我可能会聘请插画师制作图像，我应该：

• 尝试使其像盒子一样＆＃39;这样我就可以在HTML5 / CSS3

中完成

• 使用SVG尽可能接近设计

• 使用imagemap和Javascript检测图片上的点击次数

如果它是图表类型的信息图表，我会使用图表JS库，但它更像是一个自定义图像。

非常欢迎链接到信息性网址或示例页面。

Answer 1

我建议使用SVG。 通过这种方式，您不会在图像质量上妥协，但您仍然可以通过简单的方式来分配＆＃39;图像的某些部分将事件处理程序附加到它们上。