在JavaScript中，我們可以使用HTML5的Canvas API來縮放圖像。以下是一個(gè)簡(jiǎn)單的例子：

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

// 加載圖像
var image = new Image();
image.src = 'your-image.jpg';

// 當(dāng)圖像加載完成后，開始縮放
image.onload = function() {
    // 獲取圖像的寬度和高度
    var width = this.width;
    var height = this.height;

    // 計(jì)算縮放比例
    var scale = Math.min(width / height, height / width);

    // 創(chuàng)建一個(gè)新的canvas元素
    var imgCtx = canvas.getContext('2d');
    var resizedImg = new Image();
    resizedImg.src = image.src;

    // 設(shè)置縮放后圖像的寬高比
    resizedImg.width *= scale;
    resizedImg.height *= scale;

    // 開始繪制縮放后的圖像
    imgCtx.drawImage(resizedImg, 0, 0, width, height);
};

這段代碼首先獲取了id為'myCanvas'的canvas元素，然后創(chuàng)建了一個(gè)新的Image對(duì)象來加載圖像。當(dāng)圖像加載完成后，我們計(jì)算出新的圖像寬度和高度的比例，然后創(chuàng)建了一個(gè)新的canvas元素并開始繪制新的圖像。