Panzoom: Fitur: Kemampuan untuk mengatur batas pan atau batas padding

Dibuat pada 23 Jun 2020  ·  4Komentar  ·  Sumber: timmywil/panzoom

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

feature votes needed

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 dan outside

  • inside mengasumsikan gambar cukup kecil untuk muat di viewport, dan memiliki beberapa efek aneh jika tidak
  • outside mengasumsikan gambar harus SETIDAKNYA mengambil seluruh viewport

di 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

Semua 4 komentar

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 tidak
  • outside mengasumsikan gambar harus SETIDAKNYA mengambil seluruh viewport

di 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 :)

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

gavJackson picture gavJackson  ·  3Komentar

timmywil picture timmywil  ·  10Komentar

nsshunt picture nsshunt  ·  20Komentar

PrinceDhankhar picture PrinceDhankhar  ·  16Komentar

YuriGor picture YuriGor  ·  12Komentar