javascript

JavaScript – Convertir centímetros a pixeles

En este corto post de programación en JavaScript te enseñaré a convertir de centímetros a pixeles, tomando en cuenta el dpi, resolución o puntos por pulgada de la imagen.

Al final vamos a tener una función de JS que recibirá los centímetros y el dpi, devolviendo los pixeles.

Fórmula

Primero necesitamos calcular los centímetros por pulgada; para ello dividimos el dpi entre 2.54 (ya que 1 pulgada son 2.54 centímetros). Después multiplicamos ese resultado por la cantidad de centímetros.

De centímetros a pixeles con JS

La función queda así:

const centimetrosAPixeles = (centimetros, dpi) => {
  const centimetrosPorPulgada = dpi / 2.54;
  return centimetrosPorPulgada * centimetros;
};

Y para invocarla le debes pasar los argumentos expuestos anteriormente: los centímetros y el dpi. Por ejemplo si fueran 2.5 centímetros en una imagen de 72 dpi sería así ya con todo el código completo:

const centimetrosAPixeles = (centimetros, dpi) => {
  const centimetrosPorPulgada = dpi / 2.54;
  return centimetrosPorPulgada * centimetros;
};

const anchoEnPixeles = centimetrosAPixeles(2.5, 72);
console.log(anchoEnPixeles);

En este caso equivale a 70.86614173228347 pixeles, mismos que podemos redondear ya sea hacia arriba o hacia abajo dependiendo de lo que quieras hacer.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

3 días hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

3 días hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

3 días hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

3 días hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

3 días hace

Solución: Apache – Server unable to read htaccess file

Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…

3 días hace

Esta web usa cookies.