Главные темы. Последние записи с тегом «colour». Страница 82

Сегодня 28 декабря, суббота

Какой рейтинг вас больше интересует?

получить код

Главная /

Главные темы

Тэг «colour»

Ангел из “Victoria’s Secret”, Клара Алонсо (Clara Alonso), в горячей фотосессии на берегу моря

2011-09-08 12:34:22
Ох, сейчас станет горячо! Сама Клара Алонсо (Clara Alonso), итальянская супермодель и один из ...
+ развернуть текст сохранённая копия

Тэги: alonso, clara, ангел, модель, фото

HTML5 / Как получить RGB, зная CSS Color?

2011-09-06 22:20:22
Решая свою, так сказать, локальную задачу столкнулся с такой головоломкой: как зная цвет элемента в ...
+ развернуть текст сохранённая копия

Решая свою, так сказать, локальную задачу столкнулся с такой головоломкой: как зная цвет элемента в виде CSS Color (фон или цвет текста), конвертировать этот цвет в компоненты RGB(A)?

То есть, вот имеем мы "#f00" или "#e5f000", или «white», или «rgb(30, 70, 90)», как отсюда получить компоненты RGBA?

В поисках наткнулся на совершенно изящное решение с помощью HTML5 Canvas от Lea Verou. На странице блога Lea вы найдете ссылку на CSS.coloratum — готовое веб-приложение для конвертации цвета в разные форматы.

Мне же нужна была просто функция на JavaScript для конвертации цвета и на основании кода Lea такая функция будет выглядеть вот так:

 function getRGBByCSSColor(color) {
    var ctx = document.createElement("canvas").getContext("2d");
    ctx.fillStyle = color;
    ctx.fillRect(0, 0, 1, 1);
    return [].slice.apply(ctx.getImageData(0, 0, 1, 1).data);
}

Вот так, всего 4 строчки кода с помощью HTML5 Canvas и встроенной возможности обрабатывать цвета в формате CSS.

p.s. В комментариях правильно подсказывают, что оно слишком прожорливое для частых операций — и прямое решение в лоб с длинным разбором, хотя и страшное, работает существенно быстрее (см. ссылку и пример в комментариях) — в данном случае вопрос в минимальном по объему кода решении.

Тэги: canvas, color, convert, css, html5, rgba

Страницы: ... 81 82 83 84 85 86 87 88 89 90 91

Главная / Главные темы / Тэг «colour»

Блограйдеров
14502

Блогов
219930
(+0 сегодня)

Сообществ
1311
(+0 сегодня)

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Download»

Взлеты Топ 5


+373	398	Mullwar's blog
+346	405	Правила форума
+338	356	prestissima.moskva.com: Блог Prestissima
+309	327	Vinous
+304	372	Блог SEO отшельника

Падения Топ 5


-1	11	Бэрхи
-2	9	dandr
-4	77	Blue men
-5	21	Статьи и обзоры на портале ODP
-5	7	скачать бесплатно фильмы одним файлом без регистрации

Загрузка...

Главные темы

Тэг «colour»

Ангел из “Victoria’s Secret”, Клара Алонсо (Clara Alonso), в горячей фотосессии на берегу моря

HTML5 / Как получить RGB, зная CSS Color?

Новые подчеркивания в Firefox 6

Virtual Fitting Mirror

Cooler Master GeminII S524: кому кулер за $39,99?