Panzoom: Android Chrome 55에서 핀치 줌이 작동하지 않음

크롬 55에서도 핀치 줌이 완전히 작동하지 않는 것을 확인할 수 있습니다. 수정을 시도할 수 있는 코딩 지식이 있었으면 합니다.

나는 같은 문제를 가지고있다. 3.2.2에서는 일부 장치에서는 작동하지만 다른 장치에서는 작동하지 않는 것 같습니다. 예를 들어 Chrome 55가 설치된 Android 6.0.1의 Samsung은 작동하지 않지만 Nexus 기기의 동일한 Android와 Chrome은 완벽하게 작동합니다.

같은 문제가 있습니다. 온라인에서 확인할 수 있습니다. 첫 번째 옵션 중 하나를 선택하십시오. 이미지가 로드될 때 모바일에서 핀치 투 줌이 작동하지 않습니다.

https://yagolopez.github.io/Webcams_de_Asturias/www/#/app/meteo

빨리 고쳐주세요.

보정:

최신 버전의 jquery 및 panzoom을 사용하면 이 해킹을 적용하는 것으로 보입니다.

https://github.com/timmywil/jquery.panzoom/issues/303#issuecomment -267853623

누군가 내 딜레마를 도와줄 수 있는지 궁금합니다. 2년 동안 버전 2.0.5를 사용해 왔으며 모바일 웹사이트와 phonegap 앱에서 완벽하게 작동합니다. 유일한 문제는 Android Chrome 55에서 확대/축소하는 것입니다.

#303에 언급된 줄을 주석 처리하여 버전 3.2.2에서 작업을 확대/축소할 수 있습니다. 문제는 3.2.2가 크기 조정 및 위치 문제를 도입하고 setMatrix()가 명백히 가짜 번역을 추가한다는 것입니다. 이 시스템에는 몇 가지 미해결 문제가 있고 3.2.2를 수정하려는 여러 시도가 있지만 2.0.5만큼 안정적이지 않은 것 같습니다. (Chrome 55 문제만 제외)

2.0.5에서 event.pageX를 event.originalEvent.pageX로, event.pageY를 ​​event.originalEvent.pageY로 대체하려고 시도했지만(bodgybrothers가 버전 3.2.2의 #303에서 제안한 대로), 수정하지 않습니다. Android Chrome 55에서 핀치 줌과 함께 작동하도록 2.0.5를 더 이상 사용할 수 없습니다.

내 최선의 결과는 2.x가 수정되는 것이지만 여전히 활발히 개발되고 있는지 모르겠습니다. 2.x에 ​​대한 수정 사항이 없으면 사람들이 변경 사항을 제출하는 위치 문제가 없는 3.x(4?)의 새 릴리스를 기다리는 것이 유일한 옵션인 것 같습니다.

친절한 사람이 내 결정에 도움이 되는 생각이나 정보를 추가할 수 있습니까?
건배
남자

또한 버전 3.2.2로 업데이트하여 위치 지정 문제에 직면했습니다.
확대/축소 컨테이너에 높이와 너비를 추가하여 정렬했습니다.
나를 위해 이것은 효과가있었습니다.

position:relative; height:100%; transform:matrix(1, 0, 0, 1, 0, 0); transform-origin: 50% 50% 0;

Chrome 55는 터치 및 포인터 이벤트를 모두 실행하는 것 같습니다. 나를 위해 작동하는 한 가지 못생긴 수정은 pointerdown 수신기를 제거하는 것입니다. 따라서 라인 940은 다음과 같습니다.

var str_down;
if (getChromeVersion() >= 55 && 'ontouchstart' in window) {
    str_down = 'mousedown' + ns + ' MSPointerDown' + ns;
}
else {
    str_down = 'mousedown' + ns + ' pointerdown' + ns + ' MSPointerDown' + ns;
}

getChromeVersion() impl에 대해서는 http://stackoverflow.com/a/4900484/424563 을 참조

최신 jQuery로 테스트했습니다.

@dagged : 감사합니다. 하지만 Chrome 55의 핀치 줌이 #303의 수정 사항과 함께 Panzoom 3.2.2에서 제대로 작동한다는 것을 알게 되었습니다.
Had a quick hack in the code and commenting out line 1164: this.panning = true;
Panzoom 3.2.2에 대한 내 문제는 위치가 엉망이라는 것입니다. 내 앱에서 @pravid 가 제안한 위의 수정 사항은 수정되지 않는 것 같습니다(어쨌든 감사합니다.)

@dagged
제 경우에는 #303 해결 방법이 Android 6 삼성 Galaxy S6에서 작동하지 않습니다.
해결 방법이 효과적입니다!!! 내 날을 저장합니다. 감사 해요!!!

@dagged 당신은 구세주입니다. 감사 해요!!!

@nich008
2.0.5 버그는 window.PointerEvent가 true입니다.
따라서 32-39행, 74행을 숨깁니다. 80행 var pointerEvents = false;
포인터가 없는 터치 이벤트 사용

@chfeizy
첫눈에 그것은 그것을 고칠 것 같습니다. 감사 해요!!!
예 - 잘 작동합니다 - 감사합니다.

#303의 중복

@jcnventura : 이 문제는 Panzoom 버전 2.0.5에서 제기되었으므로 엄격히 #303의 속임수가 아닙니다. 버전 2.0.5의 문제를 수정한 chfeizy의 설명이 있어 3.2.2보다 더 안정적인 솔루션이 되었습니다.