Converter em para px usando JavaScript

この記事は約2分で読めます。
スポンサーリンク

Coisas que eu quero fazer

Isso converte a unidade `em`, usada em CSS e outros aplicativos, para unidades `px`.

スポンサーリンク

código

A função a seguir retornará o tamanho em pixels quando você passar o tamanho em em.

O segundo argumento é o elemento que exibe o objeto a ser transformado.

function em2px(em_size, ele) {
  const parentElement = ele.parentElement || document.body;
  const px_size = parseFloat(getComputedStyle(parentElement).fontSize);
  return px_size * em_size;
}

Explicação do código

A linha seguinte recupera quantos pixels 1em representa no elemento DOM base.

  const px_size = deparseFloat(getComputedStyle(parentElement).fontSize);

O valor obtido é multiplicado pelo tamanho em unidades em para obter o tamanho em pixels, que é então retornado.

return px_size * em_size;

コメント

タイトルとURLをコピーしました