Panzoom: Gunakan dimensi yang tepat untuk penahanan

@timmywil kami mengalami bug ini baru-baru ini, dan kami baru saja menulis perbaikan dan membuka PR. Silakan checkout: https://github.com/timmywil/jquery.panzoom/pull/279/files atau unduh langsung .

@awartani Saya menghadapi masalah yang sama dan perbaikan Anda tidak berhasil.

Masalahnya terjadi ketika div induk memiliki dimensi yang lebih kecil daripada elemen panzoom (gambar).

@timmywil Ada ide kapan ini akan diperbaiki? Saya sangat menyukai proyek ini dan ingin menggunakannya :-).

@arkoe Saya rasa Anda telah menguji cabang yang salah, saya memperbarui contoh Anda. Silakan periksa http://jsbin.com/gigadis/edit?html , css, js, output

@awartani Dalam contoh Anda, elemen panzoom (kotak biru) lebih kecil dari induknya. Ketika Anda membuat elemen lebih besar dari induknya, itu bug. Harap perhatikan juga, saya tidak membuat masalah ini; Saya hanya menggaet :)

Maaf @arkoe Saya berasumsi bahwa Anda membuat masalah ini. Saya sekarang mengerti masalahnya dan saya pikir itu mungkin mudah untuk diselesaikan. Silakan lihat Permintaan Tarik # 279 secara khusus:

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);
}

Karena saya tidak tahu banyak cara menguji pernyataan if dan bukan itu yang saya cari, saya memperbaiki pernyataan else . Saya yakin jika Anda mengambil perbaikan yang sama dan mengubahnya sedikit, Anda akan dapat menyelesaikannya.

@awartani Saya telah menggunakan PR Anda dan mencoba bermain-main dengan itu. Menghabiskan beberapa jam sudah, dan sepertinya tidak bisa memperbaikinya. Apakah ada sesuatu dalam pikiran Anda yang mungkin mengarahkan saya ke arah yang benar untuk memperbaikinya? Terima kasih atas tanggapan cepat Anda! Sangat dihargai.

@arkoe Saya punya sesuatu untuk mencobanya tetapi saya harus masuk dan mencobanya, dapatkah Anda memasukkan kode sampel dan saya akan mencoba melihatnya malam ini.

@awartani Saya telah mengunggah dua contoh, demo.html adalah file dist dari @timmywil , demo2.html menggunakan perbaikan Anda. http://arko.io/x/panzoom/demo.html http://arko.io/x/panzoom/demo2.html

@arkoe Diperbarui Permintaan Tarik # 279 untuk menangani masalah Anda. Sayangnya saya tidak dapat memperbarui contoh Anda. Beri tahu saya jika berhasil.

Terima kasih. Memperbaiki masalah saya dengan sempurna!