maksipes
@maksipes

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

Есть компонент, который рисует некую картинку
renderImage() {
    const {
      img,
    } = this.state;

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


нужно получить размеры этой картинки у браузера
const image = document.getElementById('bImage');
???
  • Вопрос задан
  • 30 просмотров
Решения вопроса 2
@Dasslier
FrontEnd Developer
создайте функцию, которая рендерит изображение.
const { img } = this.state;
const image = new Image();
img.src = image;

Ширина и высота будут лежать в свойствах image.width и image.height. Но учтите, что загрузка изображения процесс асинхронный, поэтому нужно обращаться к свойствам в image.onload = () => {}
Ответ написан
Комментировать
0xD34F
@0xD34F
Повесьте обработчик onLoad, внутри которого доставайте width и height. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@shsv382
нуууууу.....так?
let image_width = image.clientWidth;
let image_height = image.clientHeight;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы