Size: a a a

Svelte [svelt] - All about Svelte JavaScript framework.

2021 November 18

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Спасибо, пригодится
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Кстати, у меня тут тема для оффтопа есть: Как бы вы вычисляли поместится ли некая строка в элемент?
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
В моём случае я беру константную ширину шрифта, делённую на размер шрифта и умножаю на ширину элемента, но у такого подхода есть минус - он вычисляет не точные размеры, потому что в строке могут быть точки, запятые и другие спец.символы
источник

А

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.
а если у тебя элемент переопределит стили этой строки?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
нет никакой константной ширины шрифта
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
шрифт это безумная машина с кучей правил, невозможно померить длину строки не нарисовав ее)
источник

А

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.
*не нарисовав ее именно в контексте где она будет применяться
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Даже у моноширинного шрифта?)
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Это должно учитываться
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
у мошириного шрифта могут быть лигатуры, еще можно огрести на всяких диакритиках которые сливаются в один символ при нормализации
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
проще абсолютный элемент со строчкой нарендерить в тех условиях где он будет и измерить его ширину
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Да, но почему не canvas?
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
ну потому что на канвасе нет поддержки всех цсс правил которые влияют на шрифт
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Например каких?
источник

А

А in Svelte [svelt] - All about Svelte JavaScript framework.
А через scrollWidth и clientHeight незя?
источник

А

А in Svelte [svelt] - All about Svelte JavaScript framework.
сорри я с деревни
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Не совсем
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Net
источник

FS

Franz Sjölvge in Svelte [svelt] - All about Svelte JavaScript framework.
Справедливо
источник