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

Complex shapes as buttons/links

本文关键字：复杂 链接 按钮      更新时间：2023-09-26

我正在开发一个基于 java/jsf 的 Web 应用程序，我想知道什么技术（如果有的话）允许我将复杂的形状定义为可点击的按钮或链接。目前，我所能做的就是将图片分成较小的透明图片并将其作为链接，但是您将能够单击整个图片区域，即使是透明的。

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

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

.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函数。

祝你好运

相关文章：