Panzoom: Zoom cubit tidak berfungsi di Android Chrome 55

Dibuat pada 3 Jan 2017  ·  14Komentar  ·  Sumber: timmywil/panzoom

Topik masalah

Zoom cubit tidak berfungsi di Android Chrome 55.

Perbarui - halaman demo dan pengujian juga gagal:
Pinch Zoom tidak berfungsi pada perangkat Android dengan Chrome 55 pada salah satu item demo di sini: https://timmywil.github.io/jquery.panzoom/demo/
https://timmywil.github.io/jquery.panzoom/test/ juga gagal.

Kedua hal di atas berfungsi dengan baik pada perangkat yang sama dengan pembaruan Chrome yang dicopot pemasangannya.

Laporan masalah asli:
Seperti #308 Saya telah menggunakan jquery.panzoom selama beberapa waktu, dan itu bekerja dengan sempurna. Chrome 55 telah merusaknya di Android. Dalam kasus saya, Pan baik-baik saja, tetapi Pinch Zoom menyebabkan panning dan flashing dan tidak ada zoom.
Jika saya menghapus pembaruan ke Chrome, masalah hilang. Masalah tidak terlihat pada iOS Safari atau Chrome Android yang lebih lama.

Lingkungan Anda

  • versi jquery.panzoom 2.0.5
  • versi jquery 2.1.1
  • Chrome 55 di Android Lollipop.

Pembaruan - jquery.panzoom 3.2.2 memiliki masalah yang sama, ditambah masalah penahanan lainnya. Pinch Zoom hanya bermasalah di Android Chrome 55.

Komentar yang paling membantu

Tampaknya Chrome 55 mengaktifkan acara sentuh dan penunjuk. Satu perbaikan jelek yang berhasil bagi saya adalah dengan menghapus pendengar pointerdown. Jadi baris 940 menjadi:

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

Lihat http://stackoverflow.com/a/4900484/424563 untuk getChromeVersion() impl.

Diuji dengan jQuery terbaru.

Semua 14 komentar

Saya dapat mengonfirmasi bahwa pinch-zoom telah berhenti berfungsi sepenuhnya di chrome 55 juga. Saya berharap saya memiliki pengetahuan pengkodean untuk mencoba perbaikan.

Saya memiliki masalah yang sama. Dengan 3.2.2 tetapi tampaknya berfungsi pada beberapa perangkat dan tidak pada yang lain. Misalnya Samsung di Android 6.0.1 dengan Chrome 55 tidak berfungsi sementara perangkat Android dan Chrome yang sama persis di perangkat Nexus bekerja dengan sempurna.

Masalah yang sama disini. Anda dapat memeriksa secara online. Pilih salah satu opsi pertama. Saat gambar dimuat, cubit untuk memperbesar tidak berfungsi di seluler.

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

Tolong, segera perbaiki.

Koreksi:

Dengan versi jquery dan panzoom terbaru, tampaknya berhasil menerapkan peretasan ini:

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

Saya ingin tahu apakah seseorang dapat membantu saya mengatasi dilema saya: Saya telah menggunakan versi 2.0.5 selama dua tahun, dan itu bekerja dengan sempurna di situs web seluler dan aplikasi phonegap saya. Satu-satunya masalah adalah mencubit untuk memperbesar Android Chrome 55

Saya bisa mendapatkan pinch to zoom yang berfungsi di versi 3.2.2 dengan mengomentari baris yang disebutkan di #303. Masalahnya adalah bahwa 3.2.2 memperkenalkan masalah ukuran dan pemosisian, dan setMatrix() menambahkan terjemahan yang tampaknya palsu. Ada beberapa masalah terbuka dalam sistem ini, dan beberapa upaya untuk memperbaiki 3.2.2, tetapi tampaknya tidak sestabil 2.0.5. (Kecuali hanya masalah Chrome 55.)

Saya sudah mencoba mengganti event.pageX dengan event.originalEvent.pageX dan event.pageY dengan event.originalEvent.pageY di 2.0.5 (seperti yang disarankan bodgybrothers di #303 untuk versi 3.2.2,) tetapi tidak memperbaikinya, dan saya tidak kompeten untuk mencoba lebih jauh agar 2.0.5 berfungsi dengan pinch zoom di Android Chrome 55.

Hasil terbaik saya adalah agar 2.x diperbaiki, tetapi saya tidak tahu apakah itu masih dikembangkan secara aktif. Dengan tidak adanya perbaikan untuk 2.x, sepertinya satu-satunya pilihan saya adalah menunggu rilis baru 3.x (4?) yang tidak memiliki masalah pemosisian yang diajukan orang untuk diubah.

Dapatkah orang yang baik hati menambahkan pemikiran atau informasi untuk membantu keputusan saya?
Bersulang
John

Saya juga menghadapi masalah pemosisian dengan memperbarui ke versi 3.2.2.
Saya mengurutkannya dengan menambahkan tinggi dan lebar ke wadah zoom saya.
Bagi saya ini berhasil.

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

Tampaknya Chrome 55 mengaktifkan acara sentuh dan penunjuk. Satu perbaikan jelek yang berhasil bagi saya adalah dengan menghapus pendengar pointerdown. Jadi baris 940 menjadi:

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

Lihat http://stackoverflow.com/a/4900484/424563 untuk getChromeVersion() impl.

Diuji dengan jQuery terbaru.

@dagged : Terima kasih untuk itu, tetapi saya menemukan bahwa pinch zoom pada Chrome 55 berfungsi dengan baik di Panzoom 3.2.2 dengan perbaikan di #303:
Had a quick hack in the code and commenting out line 1164: this.panning = true;
Masalah saya dengan Panzoom 3.2.2 adalah pemosisiannya kacau, yang dalam aplikasi saya perbaikan di atas yang disarankan oleh @pravid sepertinya tidak diperbaiki (terima kasih pravid.)

@dagged
dalam kasus saya, solusi # 303 tidak berfungsi pada android 6 samsung Galaxy S6.
solusi Anda bekerja dengan baik!!! menyelamatkan hari-hariku. Terima kasih!!!

@dagged Anda adalah penyelamat. Terima kasih!!!

@nich008
2.0.5 bug adalah window.PointerEvent benar.
jadi sembunyikan baris 32-39, baris 74; baris 80 var pointerEvents = false;
gunakan acara sentuh tanpa penunjuk

@chfeizy
Pada pandangan pertama yang tampaknya memperbaikinya. Terima kasih!!!
[sunting] Ya - ini bekerja dengan baik - terima kasih.

Duplikat #303

@jcnventura : Masalah ini diangkat pada Panzoom versi 2.0.5 jadi tidak sepenuhnya merupakan penipuan #303. Perhatikan bahwa ada komentar dari chfeizy yang memperbaiki masalah untuk Versi 2.0.5, yang menjadikannya solusi yang lebih andal daripada 3.2.2.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

kylegoines picture kylegoines  ·  4Komentar

adred picture adred  ·  21Komentar

timmywil picture timmywil  ·  10Komentar

rpallares picture rpallares  ·  3Komentar

PrinceDhankhar picture PrinceDhankhar  ·  16Komentar