Masalah apa yang dipecahkan oleh fitur ini?
Jelaskan solusi yang Anda inginkan
Kemampuan untuk menetapkan batas panning ke objek yang sedang digeser
yaitu:
batasRatioVertical={0.8}
batasRatioHorizontal={0.8}
Jelaskan alternatif yang telah Anda pertimbangkan
Nilai contain: 'inside'
memiliki gaya yang serupa, tetapi saya harus dapat beralih di antara tingkat zoom sambil mempertahankan batas rasio padding
Terima kasih telah membuka masalah. Maafkan saya jika saya salah memahami fitur ini, tetapi tidak bisakah ini diselesaikan dengan menambahkan elemen pembungkus dan menggunakan contain: 'inside'
?
Terima kasih telah kembali padaku begitu cepat.
Mungkin saya tidak mengerti contain: inside
sepenuhnya. Sejauh yang saya pahami implementasinya: Node panzoom tidak lagi dapat memperbesar melewati kotak persegi induknya, tetapi saya ingin pengguna dapat memperbesar, contain: inside
tidak mengizinkan objek saya untuk memperbesar melewati viewport.
Kasus penggunaan saya: saya memiliki peta historis resolusi besar - saya ingin pengguna dapat menjelajah, terlalu besar untuk melihat seluruh objek tetapi saya tidak ingin pengguna "kehilangan peta" dengan mendorongnya terlalu jauh ke satu sisi, yang terdengar seperti contain: outside
tetapi saya ingin mereka memiliki kontrol zoom penuh, untuk memperkecil sepenuhnya tetapi untuk menjelajahi lebih banyak dengan memperbesar.
saya pikir masalahnya adalah keterbatasan yang saya temukan di inside
dan outside
inside
mengasumsikan gambar cukup kecil untuk muat di viewport, dan memiliki beberapa efek aneh jika tidakoutside
mengasumsikan gambar harus SETIDAKNYA mengambil seluruh viewportdi mana saya bisa membayangkan contain: 'bounds'
yang akan membiarkan gambar memperbesar dan menggeser, dan ketika gambar lebih besar dari viewport dan Anda mencapai tepi atau sudut itu akan menggeser kembali ke tepi masing-masing
Ini terdengar seperti perilaku yang unik dan saya tidak yakin bagaimana membangunnya ke dalam perpustakaan. Saya pikir Anda dapat mengikat ke acara panzoomzoom
dan mengubah opsi isi menjadi 'di luar' ketika batas tercapai. Saya dulu memiliki opsi 'otomatis' untuk contain
yang akan bergantian antara inside
dan outside
tergantung pada ukuran elemen relatif terhadap wadah. Ketika lebih kecil dari wadah, itu akan diatur ke 'inside'
, ketika lebih besar, 'outside'
. Ini akan memastikan gambar dapat diperbesar tetapi selalu terlihat. Either way, saya akan meninggalkan ini di label suara untuk saat ini.
@timmywil selama dua hari terakhir saya benar-benar menemukan ide itu, untuk beralih antara inside
dan outside
, tetapi itu tampaknya tidak berfungsi seperti yang diharapkan, beralih dari {contain: outside}
ke {contain: inside}
tampaknya mengunci gambar pada suatu posisi dan sepertinya zoomIn()
dan zoomOut
terikat pada pengaturan isi, jadi saya bahkan tidak dapat memicu zoomOut
kecuali memicunya sendiri. Beri tahu saya jika ada pengaturan yang saya abaikan.
Saya kira itu banyak kata untuk mengatakan contain: auto
sepertinya persis seperti yang saya cari hah
jika ada voting untuk fitur auto, id dengan senang hati mendukungnya :)
Komentar yang paling membantu
Terima kasih telah kembali padaku begitu cepat.
Mungkin saya tidak mengerti
contain: inside
sepenuhnya. Sejauh yang saya pahami implementasinya: Node panzoom tidak lagi dapat memperbesar melewati kotak persegi induknya, tetapi saya ingin pengguna dapat memperbesar,contain: inside
tidak mengizinkan objek saya untuk memperbesar melewati viewport.Kasus penggunaan saya: saya memiliki peta historis resolusi besar - saya ingin pengguna dapat menjelajah, terlalu besar untuk melihat seluruh objek tetapi saya tidak ingin pengguna "kehilangan peta" dengan mendorongnya terlalu jauh ke satu sisi, yang terdengar seperti
contain: outside
tetapi saya ingin mereka memiliki kontrol zoom penuh, untuk memperkecil sepenuhnya tetapi untuk menjelajahi lebih banyak dengan memperbesar.saya pikir masalahnya adalah keterbatasan yang saya temukan di
inside
danoutside
inside
mengasumsikan gambar cukup kecil untuk muat di viewport, dan memiliki beberapa efek aneh jika tidakoutside
mengasumsikan gambar harus SETIDAKNYA mengambil seluruh viewportdi mana saya bisa membayangkan
contain: 'bounds'
yang akan membiarkan gambar memperbesar dan menggeser, dan ketika gambar lebih besar dari viewport dan Anda mencapai tepi atau sudut itu akan menggeser kembali ke tepi masing-masing