是否可以增加地图比例但仍然可以有效地悬停？ [使用 PHP GD]

Question

我向大家简要介绍一下我的项目。我正在开发一个网络应用程序 仓库管理系统。基本上，我使用 PHP GD 绘制工厂布局图的图像，其中每层都包含货架和托盘。
当您将鼠标悬停在货架或托盘上时，您将能够看到它的细节。

因为使用GD，为了能够绘制每个货架或托盘，需要特定的x和y坐标，以及它的宽度和高度。我使用标签创建区域，以便它可以使用 jquery 进行悬停。

我被要求制作一个具有给定比例的比例图像，但我不知道如何去做。所以我想你们可以帮助我。

在这方面确实需要帮助。

这是我的代码的一些示例，

while($row = mysql_fetch_array($RecordsetZone)){

        $n = substr($row['name'], 4);
    $font = 2;
    $textColor = imagecolorallocate ($source,0,0,0);
    if($row['zonetype']=="Rack"){
        imagerectangle($source, $row['xcord'], $row['ycord'] , $row['width']+($row['xcord']), $row['height']+$row['ycord'], $black);
        imagefilltoborder($source, ($row['xcord'])+1, $row['ycord']+1, $black , $limegreen);
        imagestring ($source, $font, ($row['xcord'])+2, $row['ycord']+5, $n, $textColor);
    }
    elseif($row['zonetype']=="Pallet"){
        imagerectangle($source, $row['xcord'], $row['ycord'] , $row['width']+($row['xcord']), $row['height']+$row['ycord'], $black);
        imagefilltoborder($source, ($row['xcord'])+1, $row['ycord']+1, $black , $dodgerblue);
        imagestring ($source, $font, ($row['xcord'])+5, $row['ycord']+2, $n, $textColor);
    }
}

这是我如何通过从数据库获取 x、y 来绘制图像，

<map name="testmap" id="testmap">
  <?php $RecordsetZone = mysql_query($query, $cakewms) or die(mysql_error()); 
  while($row = mysql_fetch_array($RecordsetZone)){?>
   <area id=<?php echo '"'. $row['name']. '"';?> shape="rect" coords=<?php echo '"'. $row['xcord']. ','.$row['ycord']. 
    ',' . ($row['width']+$row['xcord']) . ',' . ($row['height']+$row['ycord']) . '"';?> href="#" alt="Sun" />
  <?php }?>
</map>

然后使用地图创建悬停区域

，如果我更改比率，我仍然可以悬停在正确的区域吗？

Answer 1

您可以使用特殊的 JQuery 插件 ImageMapster。

它允许调整图像映射的大小，同时它们仍然保留在正确标记的活动区域中。

因此，您需要生成一次图像映射，并且重新计算大小调整将是该插件的任务。

它对于使用图像映射的其他情况也很有帮助。