Sadece dikey veya yatay olarak svg-pan-zoom.js kitaplığına sığdırmanın bir yolu var mı

Question

Bu, belgelerde açıkça görülmüyor (README.md belgelerini;)), ancak svg-pan-zoom kitaplığı muhtemelen yalnızca (dikey) destekler/yatay uyum, nasıl olsa? En iyi uyum zaten fit yöntemiyle desteklenir ve iyi çalışır.

yöntem contain muhtemelen kullanmak biridir denilen, henüz bazen diyoruz zaman bir ve bazen diğer yapar.

Ben desteği zaten var ise sadece kontrol, muhtemelen bu kendim yapmak ve/veya bu güzel ÖSS katkıda bulunabilir biliyorum.

contain yöntem sen, bilet, ancak yatay/dikey oturması için özel düğmeleri gerekiyorsa unutmayın);

Answer 1

kodun birkaç satır gerektirir olsa, kendiniz yapabilirsiniz çıkıyor Kullanmak istediğiniz iki yöntemden hangisini hesaplamanız gerektiğini - fit veya contain. Bunu yapmak için

, SVG "portre" veya "manzara" olup olmadığını öğrenmek gerekir - anlam, genişlik (eski) olmadığını (ikincisi) yüksekliğinden küçükse.

Bu sadece (eğer svgPanZoom işlevini çağırarak panZoom elde nereye) panZoom.getSizes() arayıp viewBox.height vs viewBox.width kontrol yapmak kolaydır. Genişlik daha büyükse, manzaradaysınız - resmi elde edersiniz (pun amaçlı). Eğer manzara içinde konum ve yatay olarak sığdırmak isterseniz sadece fit çağrı böylece

Yani, bu, en uygun olarak aynı. Dikey olarak sığdırmak istiyorsanız, contain numaralı telefonu arayın.

Benzer şekilde, dikey konumdaysanız ve dikey olarak yerleştirmek istiyorsanız, bu durum en uygun olanla aynıdır, yani fit numaralı telefonu arayın, aksi halde contain'u arayın.