Карточка дизайна новостей главной страницы Searchengines – фон и текст, как это сделано?

Dmitriy_2014
На сайте с 01.07.2014
Offline
276
408

Всем привет!

Подскажите если кто знает, как примерно реализовано на главной странице этого сайта подбор цвета фона в карточке исходя из картинок привьюшек новостей. И как у них инверсируется текст заголовков и выписки в зависимости от контраста фона?

Я так понимаю это все JavaScript библиотеки какие-то по выборке доминирующего цвета из фото и инверсия цвета текста в зависимости от темности/светлости?

Заранее всем спасибо за ответы!
W1
На сайте с 22.01.2021
Offline
306
#1
Dmitriy_2014 :

Я так понимаю это все JavaScript библиотеки какие-то по выборке доминирующего цвета из фото и инверсия цвета текста в зависимости от темности/светлости?

Ага. А в качестве библиотекаря - контент-менеджер, выбирающий цвет градиента в зависимости от картинки.

Мой форум - https://webinfo.guru –Там я всегда на связи
T7
На сайте с 19.09.2018
Offline
63
#2
Dmitriy_2014 :
о выборке доминирующего цвета из фото

В теории, не знаю за js, но можно получить цвета и как то с ними поработать.


А на практике:

webinfo #:
А в качестве библиотекаря - контент-менеджер, выбирающий цвет градиента в зависимости от картинки
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#3
webinfo #:

Ага. А в качестве библиотекаря - контент-менеджер, выбирающий цвет градиента в зависимости от картинки.

Смешно :), а я тут краем глаза увидел библиотеку на JS вот такую - https://github.com/briangonzalez/rgbaster.js

И пример - http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

Думал как-то так сделано, ну или типо-того.
W1
На сайте с 22.01.2021
Offline
306
#4
Dmitriy_2014 #:
Думал как-то так сделано, ну или типо-того.

Это надо у прогеров финтезы спрашивать, как оно сделано. Но они не признаются.

S
На сайте с 13.10.2014
Offline
171
#5

Ну. я на пыхе писал подобные вещи - Поиск доминирующих цветов в картинке.
для того, чтоб можно было найти, например все желтые фотки.

Отрабатывало при загрузке и к каждой картинке добавляло 3 основных цвета.
Но геморрой еще тот был, пока с алгоритмами разобрался

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий