Question

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

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

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

祝你好运

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

1 个答案: