html裁剪图片大小,javascript – 根据父div大小调整图像大小或裁剪

我有div,最初宽度为600px,高度为631px.

有两个输入字段,用户可以在其中更改宽度和高度.

在这个div里面我有一个图像

所以结构

因此,当用户调整div大小时,图像也需要按比例调整大小.它不会被拉伸.

我怎么能这样做？

注意：我写了代码,用于在用户输入宽度和高度后调整div的大小.所以我实际上尝试在div调整大小后获取代码.

$(".input1, .input2").on("change",function(){

measurement_change();

});

function measurement_change(){

after calculation i set new_width and new_height

$(".container-div").css("width", new_width);

$(".container-div").css("height", new_height);

After this i hav e to resize image propotionally

}

请检查.

解决方法:

$(".input1, .input2").on("change",function(){

var width = $('.input1').val();

var height = $('.input2').val();

$(".container-div").css("width", width);

$(".container-div").css("height", height);

$(".new-img").css("max-width",width);

});

标签：jquery,javascript,css,jquery-ui,html

来源： https://codeday.me/bug/20190705/1388581.html