gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 07:31:59 25 4
gpt4 key购买 nike

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

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

我还附上了截图。

原始图像在顶部位置 enter image description here

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

这是我用来绘制区域 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 插件。

最佳答案

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

Plugin examples page对我来说加载 super 慢,所以很难测试。

关于jquery - 映射大于屏幕尺寸的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31455658/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com