thehighhomie
@thehighhomie

Правильное округление значений для стилей элемента?

Ребят подскажите, как правильно округлять значения top, left, width, height для элемента?

Вот пример: есть загруженное изображение в DOM. у изображения соотношение сторон 16/9. При пропорциональном уменьшении размера карткинка прыгает немного.

Делаю что-то вроде этого:
// текущая ширина картинки к примеру 882.1520px
const aspectRatio = el.clientWidth / el.clientHeight
const oldWidth = el.clientWidth

// теперь нужно уменьшить/увеличить картинку пропорционально, допустим по ширине
const newWidth = 500

el.style.width = newWidth + 'px'
el.style.clientHeight = newWidth / aspectRatio + 'px'


этот код работает, но картинка подпрыгивает из за дробных значений.
я пробовал по разному округлять, не получается сделать.
  • Вопрос задан
  • 86 просмотров
Решения вопроса 2
irishmann
@irishmann
Научись пользоваться дебаггером
Она подпрыгивает не из-за дробных значений, а из-за того что путаются типы данных. Надо сначала отдельно произвести вычисления над числами, потом переводить в строку.
Ответ написан
Комментировать
bootd
@bootd
Гугли и ты откроешь врата знаний!
Будто есть варианты для округления?
Math.round
Math.floor

Очень интересно узнать, какие вы варианты использовали?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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