Отображение изображения больше размера экрана

Question

Я использую плагин imgareaselect jQuery для создания сопоставления изображения. Когда я выбираю/сопоставляю изображение, равное размеру экрана, все работает нормально. Но, когда мне нужно сопоставить изображение, большее по высоте, чем экран, я не могу этого сделать.

Когда я просматриваю страницу для отображения, область карты отображается где-то в другом месте, а не в оригинальном месте.

Я также приложил скриншот.

Исходное изображение в верхнем положении

Но когда я прокручиваю вниз карту другой области, так как изображение больше высоты экрана, он не работает.

Это код, который я использую, чтобы отобразить область и получить координаты для хранения в БД

$('#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 образ и «выбор» имеет координаты карты.

Я использую плагин imgAreaSelect jquery.

Answer 1

Вы пытались изменить parent недвижимость в своих вариантах - удалить или установить другой элемент div? В вашем примере кода кажется, что вы устанавливаете его в тег изображения.

Plugin examples page загружается сверх-медленно, как для меня, поэтому его трудно проверить.