映射大于屏幕大小的图像

Question

我正在使用imgareaselect jQuery插件来创建图像的映射。 当我选择/映射图像等于屏幕大小时，一切正常。 但是，当我需要映射高度大于屏幕的图像时，我不能这样做。

当我向下滚动页面以进行地图时，地图区域会显示在其他地方而不是原始位置。

我还附上了截图。

顶部位置的原始图像

但是当我向下滚动以映射其他区域时，由于图像大于屏幕高度，它不起作用。

这是我用来映射区域并获取存储在DB

中的坐标的代码

$('#body_img').imgAreaSelect(
{
    handles: true,
    show: true,
    parent: "img",
    onSelectEnd: function (img, selection) 
    {
          alert('Start: ' + selection.x1+','+selection.y1 + '; End: ' +     selection.x2+','+selection.y2);

      }
  });

这里，img是图像，“selection”具有map的坐标。

我正在使用jquery的imgAreaSelect插件。

Answer 1

您是否尝试修改选项中的parent属性 - 删除它或设置其他div元素？在您的示例代码中，您似乎将其设置为图像标记。

Plugin examples page对我来说加载速度超慢，所以很难测试。