Как узнать размеры смонтированного в DOM изображения?

Question

maksipes @maksipes

React

Как узнать размеры смонтированного в DOM изображения?

Есть компонент, который рисует некую картинку

renderImage() {
    const {
      img,
    } = this.state;

    return (
              <img
                id="bImage"
                src={img}
              />
    );
  }

нужно получить размеры этой картинки у браузера

const image = document.getElementById('bImage');
???

Вопрос задан более трёх лет назад
34 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2020-05-07 13:37:04

создайте функцию, которая рендерит изображение.

const { img } = this.state;
const image = new Image();
img.src = image;

Ширина и высота будут лежать в свойствах image.width и image.height. Но учтите, что загрузка изображения процесс асинхронный, поэтому нужно обращаться к свойствам в image.onload = () => {}

Как узнать размеры смонтированного в DOM изображения?

Войдите на сайт