Size: a a a

Flood - русскоговорящее сообщество

2020 June 28

KA

Kenan Ayvazov in Flood - русскоговорящее сообщество
Слушай, а твою проблему нельзя решить иначе?
источник

KA

Kenan Ayvazov in Flood - русскоговорящее сообщество
Мб есть другое, более лёгкое решение
источник

L

Lookarious in Flood - русскоговорящее сообщество
Kenan Ayvazov
Слушай, а твою проблему нельзя решить иначе?
Например? Я об этом тоже думал но хз как это будет
источник

С

Сидредин in Flood - русскоговорящее сообщество
Kenan Ayvazov
И не нужно
+++
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Lookarious
Пацаны помогите придумать формулу для расчета fontSize исходя из ширины и высоты родительского елемента, я уже два дня перебрал все варианты что существует и у всех есть какой то косяк, даже у либ из npm..
Наберите воздуха в грудь
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Lookarious
Пацаны помогите придумать формулу для расчета fontSize исходя из ширины и высоты родительского елемента, я уже два дня перебрал все варианты что существует и у всех есть какой то косяк, даже у либ из npm..
источник

L

Lookarious in Flood - русскоговорящее сообщество
Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)))

они используют вот эту формулу
источник

L

Lookarious in Flood - русскоговорящее сообщество
И она не работает как надо
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Кароче прикол в том что нельзя без подсчетов это сделать
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Потому что ширина разная у буков
источник

L

Lookarious in Flood - русскоговорящее сообщество
Cenator 🚑 🐝
Потому что ширина разная у буков
Да но есть средняя ширина т.е,
parent width / content.length
источник

L

Lookarious in Flood - русскоговорящее сообщество
А соотношение этой ширины к высоте одной буквы это 1/0.6
источник

L

Lookarious in Flood - русскоговорящее сообщество
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Lookarious
Да но есть средняя ширина т.е,
parent width / content.length
Не, не надо так лучше
источник

L

Lookarious in Flood - русскоговорящее сообщество
Или сделать так
white-space: nowrap
Взять любое число как font-size и в зависимости от того вышел ли текстовый елемент из своего контайнера уменьшать или увеличивать это число
источник

L

Lookarious in Flood - русскоговорящее сообщество
Но как сделать такой цикл
источник

KA

Kenan Ayvazov in Flood - русскоговорящее сообщество
Lookarious
Например? Я об этом тоже думал но хз как это будет
Какая у тебя в целом задача? Почему у твоего блока должна быть дин. font-size?
источник

L

Lookarious in Flood - русскоговорящее сообщество
Kenan Ayvazov
Какая у тебя в целом задача? Почему у твоего блока должна быть дин. font-size?
Крч. у меня billing creator и я хочу дать пользователью полный доступ ко всем блокам, он может менять ширину, высоту, местоположение на бумаге и тп. Всё вышесказанное сделано для пустых блоков, теперь я подгоняю туда контент, например блок с ключём 'company-name', ещё будет таблица с проданными продуктами, Обратно к сути, когда пользователь меняет ширину блока текста текст должен соразмерно увеличиваться или уменьшаться
источник

L

Lookarious in Flood - русскоговорящее сообщество
Есть интересный нюанс при font-size: 16px высота шрифта всегда будет 16 а ширина будет меняться в зависимости от буквы т.е как начальную высоту мы можем взять 16 но потом нам надо как то сопоставить это число с шириной елемента.
источник

C🐝

Cenator 🚑 🐝 in Flood - русскоговорящее сообщество
Lookarious
Или сделать так
white-space: nowrap
Взять любое число как font-size и в зависимости от того вышел ли текстовый елемент из своего контайнера уменьшать или увеличивать это число
Рекурсией
источник