Включение иногда использует родительские измерения вместо размеров элемента panzoom.
http://jsbin.com/cidebod/edit?html , css, js, вывод
@timmywil у нас недавно была эта ошибка, и мы просто написали исправление и открыли PR. Пожалуйста, проверьте: https://github.com/timmywil/jquery.panzoom/pull/279/files или загрузите его напрямую .
@awartani Я столкнулся с той же проблемой, и ваше решение не сработало.
Проблема возникает, когда родительский div имеет меньшие размеры, чем элемент panzoom (изображение).
@timmywil Есть идеи, когда это будет исправлено? Мне очень нравится этот проект, и я хотел бы его использовать :-).
@arkoe Я думаю, вы тестировали не ту ветку, я обновил ваш пример. Пожалуйста, проверьте http://jsbin.com/gigadis/edit?html , css, js, output
@awartani В вашем примере элемент panzoom (синий квадрат) меньше родительского. Когда вы делаете элемент больше, чем его родительский элемент, возникает ошибка. Также обратите внимание, я не создавал эту проблему; Я просто подключаюсь :)
Извините, @arkoe, я предположил, что вы создали эту проблему. Теперь я понимаю проблему и думаю, что ее легко решить. Обратите внимание на запрос на
if (contain === 'invert' || (contain === 'automatic' && zoomAspectH < 1.01)) {
//original code
} else {
//my fix
var originalHeight = height / scale;
var originDiff = (originalHeight - height) / 2;
matrix[5] = Math.max(Math.min(matrix[5], conHeight - originalHeight + originDiff), -originDiff);
}
Поскольку я не очень хорошо знаю, как тестировать первый оператор if
и это не то, что я ищу, я исправил оператор else
. Я считаю, что если вы воспользуетесь тем же исправлением и немного подправите его, вы сможете решить эту проблему.
@awartani Я использовал ваш пиар и пробовал поиграть с ним. Проведите уже довольно много часов и, кажется, не можете исправить это. Есть ли у вас что-нибудь, что могло бы указать мне правильное направление, чтобы это исправить? Кстати, спасибо за ваши быстрые ответы! Очень ценится.
@arkoe У меня было кое-что, чтобы попробовать, но мне нужно войти и попробовать, не могли бы вы вставить образец кода, и я попытаюсь взглянуть на него сегодня вечером.
@awartani Я загрузил два примера, demo.html - это файл dist из @timmywil , demo2.html использует ваше исправление. http://arko.io/x/panzoom/demo.html http://arko.io/x/panzoom/demo2.html
Спасибо @awartani. Отлично исправил мои проблемы!
Самый полезный комментарий
@arkoe Обновлен запрос на слияние № 279 для решения вашей проблемы. К сожалению, мне не удалось обновить ваши примеры. Сообщите мне, если это сработает.