export modifyImageSize = (path, maxWidth, maxHeight, callback) => {
/*
* @param path 【图片路径】
* @param maxWidth 【允许缩放的最大宽度】
* @param maxHeight 【 允许缩放的最大高度】
* @parsm callback 【回调缩放高度宽度】
*/
/*
@使用方法
modifyImageSize(path,500,500,(res)=>{
let { tempHeight, tempWidth } = res
console.log('缩放之后高度:'+tempHeight)
console.log('缩放之后宽度:'+tempWidth)
})
*/
let image = new Image();
image.src = path;
var tempWidth;
var tempHeight;
image.onload = function() {
if (image.width > 0 && image.height > 0) {
if (image.width / image.height >= maxWidth / maxHeight) {
if (image.width > maxWidth) {
tempWidth = maxWidth;
tempHeight = (image.height * maxWidth) / image.width;
} else {
tempWidth = image.width;
tempHeight = image.height;
}
} else {
if (image.height > maxHeight) {
tempHeight = maxHeight;
tempWidth = (image.width * maxHeight) / image.height;
} else {
tempWidth = image.width;
tempHeight = image.height;
}
}
callback({
tempWidth, // 缩放之后宽度
tempHeight // 缩放之后高度
})
}
}
}
js 图片等比例缩放
最新推荐文章于 2024-07-30 12:00:00 发布