复杂的形状作为按钮/链接答案

【问题标题】：Complex shapes as buttons/links复杂的形状作为按钮/链接
【发布时间】：2016-03-02 18:39:21
【问题描述】：

我正在开发一个基于 java/jsf 的 Web 应用程序，我想知道有哪些技术可以让我将复杂的形状定义为可点击的按钮或链接。目前我所能做的就是将一张图片分成更小的透明图片并将它们作为链接，但你将能够点击整个图片区域，即使那是透明的。

例如，假设我有一张人的照片，我想让它的腿可点击。可点击区域应与该图片中的腿部轮廓相匹配。如何实现这一目标？

【问题讨论】：

【解决方案1】：

您可以在this 示例中看到，您可以在定义它们的坐标后单击图像的特定部分。

HTML

<img src="img.png" width="145" height="126" usemap="#picture-map">

<map name="picture-map">
  <area shape="rect" coords="0,0,82,126" alt="Leg" href="legs.htm">
</map>

现在您可以单击并被发送到另一个页面，如果您愿意，您可以将其绑定到一个 JS 函数。

祝你好运

【讨论】：