Panzoom: 봉쇄를 위해 적절한 치수 사용

@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 나는 당신 이이 문제를 만든 것으로 가정했습니다. 이제 문제를 이해하고 해결하기 쉬울 것 같습니다. Pull Request # 279를 구체적으로 살펴보세요 :

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 나는 당신의 PR을 사용하고 그것을 가지고 놀아 보았습니다. 이미 꽤 많은 시간을 보냈지 만 고칠 수없는 것 같습니다. 이 문제를 해결하기위한 올바른 방향을 알려주는 생각이 있습니까? 빠른 답변 감사합니다! 정말 감사합니다.

@arkoe 나는 그것을 시도해 볼 것이 있었지만

@awartani 두 가지 예를 업로드했습니다. demo.html은 @timmywil 의 dist 파일이고 demo2.html은 수정 사항을 사용하고 있습니다. http://arko.io/x/panzoom/demo.html http://arko.io/x/panzoom/demo2.html

@arkoe 문제를 처리하기 위해 Pull Request # 279 를 업데이트했습니다. 안타깝게도 예제를 업데이트 할 수 없습니다. 작동하는지 알려주세요.

Thnx @awartani. 내 문제를 완벽하게 수정했습니다!