確定放置在固定圖層中的圖像數量

Question

正如標題所解釋的那樣。

我需要確定圖像集合中可以放置多少個圖像，例如100px x 100px以及每個圖像的寬度和高度。

我一直在試圖找出算法出了這一點，但我的大腦是炒。 （JavaScript）是採取寬度+高度（減少填充）/我有圖像的數量，所以我們說我有13個圖像放置在100x100我可以放置最多4，例如，但我如何確定每個圖像的高度（寬度將爲100px）以使比例合適？

更新

，我想沒有在任一左或右切斷圖像在100×100塊，用於顯示好的，我有20+圖像。那麼，如何通過代碼確定我只能顯示4張25px x 25px的圖像。如何確定4幅圖像的合適寬度*高度，以便在100 * 100範圍內進行最佳匹配。

Answer 1

簡短的回答是WidthOfYourDisplayArea \ NumberOfImagesYouWantToFitInThatArea。其中「\」表示integer division，但還有一點點。

在其基礎上，這將是a tiling problem即填充一個100x100矩形和20個不同大小的縮略圖（請參閱下文）。但是，由於您正在修改縮略圖的尺寸，因此它最終成爲一個更容易處理的問題。

由於圖片的格式爲aspect ratio，您只能使用一個維度而另一個維度「自行解決」。

無論如何，您的縮略圖仍然必須測量25x25，但其內部的圖像將不得不調整大小以使內容顯示不失真。所以你可以做的是將你的imgs包裝在div中。 divs將是25x25，但imgs尺寸會有所不同。

如果您嘗試使用縮略圖的原始圖像爲1024x768（例如），則其寬高比爲寬度/高度= 1024/768 = 1.33333。你會試圖找出是固定其寬度的圖像的高度。因此，你正在尋找類似於25 *（高度/寬度）（注意反轉）的東西，這可以解釋爲25 *（1/1.33333）= 18.75004。所以，這個縮略圖看起來有點像一個穿過25x25平方的「帶子」，在頂部和底部居住着一個大約3個像素的空間。

我希望這會有所幫助。