Size: a a a

2020 December 20

A

Arushwl in Svelte [svelt]
😁
источник

A

Arushwl in Svelte [svelt]
вот и с iphone 12 так же говорят )))
источник

MZ

Misha Zamkevich in Svelte [svelt]
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Там сейчас рандомная фотка стоит, и поскольку он обращается к фотке два раза, то цвет оверлея не соответствует содержанию. Я сейчас поправлю.
Такая идея🤔 Если картинки заранее известны, и ссылки на них хранятся в бд, то ведь можно эту информацию о цвете тащить, вместо зависимости
источник

MZ

Misha Zamkevich in Svelte [svelt]
Eric Rovell
Такая идея🤔 Если картинки заранее известны, и ссылки на них хранятся в бд, то ведь можно эту информацию о цвете тащить, вместо зависимости
Правильно на этапе заливки урла картинки в БД считать её базовый цвет. Но тогда тебе жить с этим цветом и если захочешь чуть поменять настройки то придётся пересчитывать все ресурсы, а их может быть очень много.
источник

MZ

Misha Zamkevich in Svelte [svelt]
(на этапе редактирования картинки в cms)
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Правильно на этапе заливки урла картинки в БД считать её базовый цвет. Но тогда тебе жить с этим цветом и если захочешь чуть поменять настройки то придётся пересчитывать все ресурсы, а их может быть очень много.
Да, поэтому, думаю, если попытаться всё сделать правильно, то игра может стоит свеч :)
источник

MZ

Misha Zamkevich in Svelte [svelt]
Проще считать на клиенте, это не такая «дорогая» операция.

Я тоже думал сделать как ты предлагаешь, но мне такое точно не пойдёт, я уже раз 5 🙈 менял пресеты ))
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Проще считать на клиенте, это не такая «дорогая» операция.

Я тоже думал сделать как ты предлагаешь, но мне такое точно не пойдёт, я уже раз 5 🙈 менял пресеты ))
Внутренней душе дизайнера что-то не нравится?)
источник

MZ

Misha Zamkevich in Svelte [svelt]
Eric Rovell
Внутренней душе дизайнера что-то не нравится?)
Я же дизайнер 😆
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Проще считать на клиенте, это не такая «дорогая» операция.

Я тоже думал сделать как ты предлагаешь, но мне такое точно не пойдёт, я уже раз 5 🙈 менял пресеты ))
Я вот думаю, что что-то недопонимаю. Этот "вор-цветов" ведь тащит для нас преобладающий цвет? Зачем все потом пересчитывать? Если у нас есть цвет, то мы можем ведь в css через переменную все рассчитать как нужно потом.
источник

MZ

Misha Zamkevich in Svelte [svelt]
Misha Zamkevich
Я же дизайнер 😆
Да, на реальном контенте всё что-то не так выходит. То слишком ярко, то слишком бледно…
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Я же дизайнер 😆
источник

MZ

Misha Zamkevich in Svelte [svelt]
Eric Rovell
Я вот думаю, что что-то недопонимаю. Этот "вор-цветов" ведь тащит для нас преобладающий цвет? Зачем все потом пересчитывать? Если у нас есть цвет, то мы можем ведь в css через переменную все рассчитать как нужно потом.
Блин, много печатать тебе ответ )))
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Блин, много печатать тебе ответ )))
😂Видимо, я пойму на собственной шкуре, когда столкнусь.
источник

ER

Eric Rovell in Svelte [svelt]
Или же, нам нужно иметь, помимо цвета, значение яркости изображения.
источник

MZ

Misha Zamkevich in Svelte [svelt]
Eric Rovell
Я вот думаю, что что-то недопонимаю. Этот "вор-цветов" ведь тащит для нас преобладающий цвет? Зачем все потом пересчитывать? Если у нас есть цвет, то мы можем ведь в css через переменную все рассчитать как нужно потом.
Смысл такой: да мы получаем мэйн цвет. Но у каждой картинки saturation и lightness будет разный.

Нам нужно их уровнять, чтобы везде было одинаково, при этом цвет Hue — был один .

Поэтому мы берём наш RGB и переводим в HSL. Вернее не полностью в HSL а только в H (hue), добавляем SL, которые у нас одинаковые на всех фото, и ставим в оверлей.

Таким образом мы получаем разные цвета оверлея, но одинаковую яркость ( L - lightness ) и насыщенность ( S - saturation)
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Смысл такой: да мы получаем мэйн цвет. Но у каждой картинки saturation и lightness будет разный.

Нам нужно их уровнять, чтобы везде было одинаково, при этом цвет Hue — был один .

Поэтому мы берём наш RGB и переводим в HSL. Вернее не полностью в HSL а только в H (hue), добавляем SL, которые у нас одинаковые на всех фото, и ставим в оверлей.

Таким образом мы получаем разные цвета оверлея, но одинаковую яркость ( L - lightness ) и насыщенность ( S - saturation)
Я кажется понял. Значит, догадка в сторону яркости была верна🤔
источник

ER

Eric Rovell in Svelte [svelt]
Misha Zamkevich
Смысл такой: да мы получаем мэйн цвет. Но у каждой картинки saturation и lightness будет разный.

Нам нужно их уровнять, чтобы везде было одинаково, при этом цвет Hue — был один .

Поэтому мы берём наш RGB и переводим в HSL. Вернее не полностью в HSL а только в H (hue), добавляем SL, которые у нас одинаковые на всех фото, и ставим в оверлей.

Таким образом мы получаем разные цвета оверлея, но одинаковую яркость ( L - lightness ) и насыщенность ( S - saturation)
У меня возникла мысль, попробовать с SVG фильтрами. Там точно можно что-то подобное соорудить.
источник

IG

Ilya Gladko in Svelte [svelt]
Можно попробовать натянуть на пикчу её же копию, но вшитую в свгшку и блендмодную да поблуреннаю
источник