svg-pan-zoom.jsライブラリに垂直または水平のみに収まる方法はありますか

Question

これはドキュメントからは分かりません（README.mdドキュメントを呼び出すことができる場合））、svg-pan-zoomライブラリはおそらく/水平フィット、どのように？最適フィットはすでにfitメソッドによってサポートされており、正常に動作します。

containというメソッドは、おそらく使用するものですが、私は時々それを呼び出すときには1つ、時には他のものを呼びます。

私はおそらく自分自身でこれを行うことができ、この素晴らしいOSSに貢献し、サポートが既に存在するかどうかを確認することができます。

contain方法あなたは、チケットですが、水平/垂直方向のフィット感のための専用ボタンを必要とする場合ことに注意してください）。

Answer 1

は、数行のコードを必要としても、あなたは、自分でこれを行うことができ判明しますfitまたはcontainのどちらを使用するかを計算する必要があります。

これを行うには、SVGが「ポートレート」か「ランドスケープ」かを調べる必要があります。つまり、幅が高さよりも小さい（後者）かどうかを調べる必要があります。

これはあなただけ（あなたがsvgPanZoom関数を呼び出してpanZoomを得ている場所）panZoom.getSizes()を呼び出し、viewBox.height対viewBox.widthを確認し、行うのは簡単です。幅が大きい場合、あなたは風景にいる - あなたは写真を撮る（意図しない言い訳）。

したがって、横向きで横向きにしたい場合は、ベストフィットと同じですので、fitに電話してください。垂直に合わせたい場合は、containに電話してください。

同様に、あなたが肖像画になっていて縦に収まるようにしたい場合は、fitに電話するか、containに電話してください。