jquery - 映射大于屏幕尺寸的图像

Question

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

当我向下滚动页面以查看 map 时， map 区域显示在其他地方而不是原来的地方。

我还附上了截图。

原始图像在顶部位置

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

这是我用来绘制区域 map 并获取坐标以存储在数据库中的代码

$('#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对我来说加载 super 慢，所以很难测试。