¿Cuál es la altura css de la imagen si el ancho es, por ejemplo: 3px?
la altura de la imagen original es de 400 px; el ancho de la imagen original es de 800 px;
lo que he probado es:
convierta los 3px a un porcentaje del ancho de la imagen original:
function perwVal(v){ return 100 * v / iow; //img orig width } function perhVal(v){ return v / 100 * ioh; // img original height } var imgwidthPerc = perwVal(3); var imgheightPerc = perhVal(imgwidthPerc); // not correct the height is offcualquier ayuda será apreciada.
Obtienes la relación entre el ancho y el alto:
const ratio = originalWidth / originalHeight;y luego para encontrar el ancho para una altura diferente:
const newWidth = newHeight * ratio;En tu ejemplo:
const originalHeight = 800; const originalWidth = 400; const ratio = originalWidth / originalHeight; const newHeight = 3; const newWidth = newHeight * ratio; console.log(newWidth); Pero tenga en cuenta el punto de Sebastian de que es posible que no lo necesite, es posible que pueda usar la relación de aspect-ratio de CSS.