如何使用 jQuery 調整大小時保持影像長寬比？

使用jQuery 調整大小期間限制影像長寬比

在處理大影像時，我們經常需要將它們縮小以適應特定尺寸。保持原始寬高比對於保持影像的完整性至關重要。

用於按比例調整大小的JQuery 函數：

要使用jQuery 調整大小期間限制影像比例，請考慮下列函數:

<code class="javascript">function calculateAspectRatioFit(srcWidth, srcHeight, maxWidth, maxHeight) {

    var ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);

    return { width: srcWidth*ratio, height: srcHeight*ratio };
 }</code>

用法：

要使用此函數，請傳遞原始影像尺寸和所需的最大尺寸：

<code class="javascript">var newDimensions = calculateAspectRatioFit(originalWidth, originalHeight, maxWidth, maxHeight);</code>

優點：

使用此功能可確保影像按比例縮放，即使受限於特定區域也能保持其縱橫比。它是在 Web 開發中保持影像視覺完整性的寶貴工具。

以上是如何使用 jQuery 調整大小時保持影像長寬比？的詳細內容。更多資訊請關注PHP中文網其他相關文章！