MDUIDocs
Копировать ссылку llms.txtКопировать ссылку llms-full.txtПросмотреть страницу в MarkdownОбсудить страницу с ChatGPTОбсудить полную документацию проекта с ChatGPT
Предустановленный цвет
Пользовательский цвет
Извлечь цвет из обоев
Пожалуйста, выберите обои
Начало работы
Разработка с помощью ИИ
Стили
Интеграция с фреймворками
Компоненты
Функции
Библиотека jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Библиотеки

getColorFromImage

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

Использование

Импортируйте функцию по мере необходимости:

import { getColorFromImage } from 'mdui/functions/getColorFromImage.js';

Пример использования:

const image = new Image();
image.src = 'demo.png';

getColorFromImage(image).then((color) => {
  console.log(color);
});

API

getColorFromImage(image: string | HTMLImageElement | JQ<HTMLImageElement>): Promise<string>

Функция принимает CSS-селектор элемента <img>, объект HTMLImageElement или JQ-объект, содержащий элемент <img>.

Возвращает Promise, который разрешается (resolve) строкой — шестнадцатеричным значением основного цвета изображения (например #ff0000).

На этой странице