¿Cómo obtener la relación de aspecto de una imagen?

Question

Tengo una imagen que es:

320 original width
407 original height

Quiero que permiten a los usuarios cambiar el tamaño de la imagen a través de un formulario que estoy construyendo en una página web. Se puede ajustar el ancho o la altura. La hora de hacer la otra dimensión de ajuste automático para mantener la relación de aspecto.

Cuando un usuario actualiza el campo anchura puedo obtener los ajustes de altura así:

aspect ratio = original width ÷ original height
adjusted height = <user chosen width> ÷ aspect ratio

Es esto correcto?

También cómo ajustar el ancho cuando el usuario cambia el campo de altura? Sé que debe ser lo suficientemente simple, pero simplemente no puedo entenderlo.

Answer 1

Sí, esto es correcto, aunque utiliza innecesariamente dos divisiones en lugar de una división y una multiplicación, adjusted height = <user-chosen width> * original height / original width .

La fórmula correspondiente para el ancho ajustado es adjusted width = <user-chosen height> * original width / original height , o si desea hacerlo a su manera, adjusted width = <user-chosen height> * aspect ratio , con aspect ratio calculado como antes.

Answer 2

Sí. Usted dijo que desea que la relación de aspecto de la imagen ajustada a ser la misma que la relación de aspecto original de la ecuación, de manera que usted desea

$\frac{\text{adjusted width}}{\text{adjusted height}} = \frac{\text{original width}}{\text{original height}}$

Multiplicando ambos lados de la ecuación por el ajustar la altura, se obtiene

$\text{adjusted width} = \frac{\text{original width}}{\text{original height}} \cdot \text{adjusted height}$

Luego, dividiendo ambos lados de la ecuación por $\frac{\text{original width}}{\text{original height}}$, se obtiene

$\text{adjusted width } / \frac{\text{original width}}{\text{original height}} = \text{adjusted height},$

que es la fórmula que sugiere!

---

Así que, ¿cómo conseguir que el ajustado ancho cuando el usuario ajusta la altura del campo? La respuesta está oculta en el razonamiento arriba! Se puede encontrar?

Answer 3

Sí, esta es la fórmula: Relación De Aspecto = Anchura / Altura por ejemplo:

• Width = 300

  - Altura = 150

• Relación de aspecto = 2/1 (o 2:1)

si queremos calcular el nuevo tamaño del objeto, usted necesita tener un nuevo objeto de la dimensión de la altura o la anchura para calcular restante conservando la relación de aspecto. digamos que tenemos:

• La Nueva Altura = 300

  - Relación De Aspecto = 2/1

• Nuevo Ancho = ? Sabiendo que, o fracciones deben tener el siguiente aspecto: 300 / Anchura = 2 / 1 => Nuevo Width = 150 O usted puede calcular sus nuevas mediciones utilizando esta línea de relación de aspecto de la calculadora que hacer el trabajo para usted y puede calcular: la relación de aspecto, el número de píxeles (si es de la imagen) y las nuevas dimensiones de los objetos o las imágenes manteniendo la relación de aspecto.