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.
Сейчас добавлю в неё учёт тонких символов и будет норм
источник

MZ

Misha Zamkevich in Svelte [svelt] - All about Svelte JavaScript framework.
Ну туда-сюда
источник

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.
дак стили то в ячейках могут быть разные
источник

А

Алексей in Svelte [svelt] - All about Svelte JavaScript framework.
странно, что до сих пор никто не сказал, что в svelte так не делают
источник

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.
если не сложно можешь ссылочку скинуть?
источник

ДК

Дмитрий Красильников... in Svelte [svelt] - All about Svelte JavaScript framework.
и как тогда ширину в формуле учесть
источник

ТК

Тимофей Коробейников... 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.
источник

СВ

Сергей Видинеев... in Svelte [svelt] - All about Svelte JavaScript framework.
спасибо
источник

AP

Alexander Ponomarev in Svelte [svelt] - All about Svelte JavaScript framework.
<script lang="ts">
   import {createEventDispatcher} from "svelte";

   type T = $$Generic<boolean>; // extends boolean
   type X = $$Generic; // any
   
   // you can use generics inside the other interfaces
   interface $$Slots {
       default: { aSlot: T }
   }

   export let array1: T[];
   export let item1: T;
   export let array2: X[];
   const dispatch = createEventDispatcher<{arrayItemClick: X}>();
</script>
источник

AP

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

СВ

Сергей Видинеев... 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.
между разными парами
источник

FS

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

ТК

Тимофей Коробейников... in Svelte [svelt] - All about Svelte JavaScript framework.
у вот что то подобное и проворачивал
источник