图片可点击的多区域方法

Question

我刚刚开始学习Web开发，并且有以下想法： 拍摄简单图片（jpeg / png），并使该图片的某些区域可点击（或这些区域上的其他事件）。例如，当我单击图像上的特定区域时，该区域会突出显示图像阴影的其他部分。 我首先搜索的是HTML地图/区域标签。但是我想知道我可以使用的其他方法。请给我一些关键字，仅此而已。

预先感谢

Answer 1

前段时间，我偶然发现了相同的问题：

• HTML maps标记是最快的方法，但从长远来看，由于缺乏支持，经常会出现问题。
• 选择所有浏览器都广泛支持的SVG图像是一个很好的解决方案。网络上有很多JPEG / PNG到SVG转换器（即使质量不一样）
• 另一种残酷的方法是在图像上创建一些可单击的叠加div，如果要单击的区域是矩形，这是一种很好的方法。

希望您找到一个好的解决方案：）