js拉伸图片

function stretchImage(imageUrl, width, height) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = () => {
            const canvas = document.createElement('canvas');
            canvas.width = width;
            canvas.height = height;
            const ctx = canvas.getContext('2d');
            ctx.drawImage(img, 0, 0, width, height);
            resolve(canvas.toDataURL('image/png'));
        };
        img.onerror = reject;
        img.src = imageUrl;
    });
}

// 使用示例
stretchImage('path/to/your/image.jpg', 300, 200)
    .then(stretchedImageUrl => {
        console.log('Stretched image URL:', stretchedImageUrl);
        // 可以将stretchedImageUrl设置为img标签的src属性
    })
    .catch(error => {
        console.error('Error stretching image:', error);
    });