有没有一种方法可以在svg-pan-zoom.js库中仅垂直或水平安装

Question

从文档中不太明显（如果可以调用README.md文档;）），但svg-pan-zoom库可能支持（仅）垂直/横向适合，虽然如何？通过fit方法已经支持最佳配合，并且工作正常。

的方法称为contain可能是使用的人，但是当我有时称之为它一个，有时等。

我知道我可能可以做到这一点我自己和/或有助于这个漂亮的OSS，只是检查是否支持已经存在。

Answer 1

原来你可以自己做，但它需要几行代码;）

的contain方法是票，但要注意，如果你需要专门的按钮垂直/水平适合，你需要计算两种方法中的哪一种 - 您想要使用的fit或contain。

为了做到这一点，你需要找出是否SVG是“人像”或“风景” - 这意味着，如果宽度大于高度（前）或不（后者）变小。

这是很容易做到，你只需要调用panZoom.getSizes()（在那里你通过调用函数svgPanZoom获得panZoom），并检查viewBox.width VS viewBox.height。如果宽度较大，则处于风景中 - 您可以看到图片（双关语意）。

所以，如果你是在景观，并希望水平适合，这是一样的最适合的，所以你只需要调用fit。如果您想垂直安装，请致电contain。

同样，如果您是纵向配合并且想要垂直配合，这与最适合的配合相同，因此请致电fit，否则请致电contain。