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

Сегодня 1 марта, воскресенье

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

Мне не интересны рейтинги (3251)

Индекс цитирования (Иц) (1240)

Тематический Иц (976)

Рейтинг "Друзья друзей" (902)

Все вышеперечисленные (901)

получить код

Главная /

Главные темы

Тэг «html5»

HTML5 / [Из песочницы] Создание Doodle jump на HTML5

2011-09-13 21:02:44
... игру «DoodleJump» на HTML5 без использования каких ...
+ развернуть текст сохранённая копия

Тэги: css, doodle, html5, javascript, jump, online

[Из песочницы] Создание Doodle jump на HTML5

2011-09-13 21:02:44
... игру «DoodleJump» на HTML5 без использования каких ...
+ развернуть текст сохранённая копия

Тэги: css, doodle, html, html5, javascript, jump, online, веб-разработка

Веб-стандарты / Песня о веб-стандартах

2011-09-12 17:31:41
Bruce Lawson опубликовал у себя в блоге пост с видеороликом, где он со своими коллегами ...
+ развернуть текст сохранённая копия

Тэги: html5, стандарт

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

2011-09-06 22:20:22
... решение с помощью HTML5 Canvas от Lea ... кода с помощью HTML5 Canvas и встроенной ...
+ развернуть текст сохранённая копия

Решая свою, так сказать, локальную задачу столкнулся с такой головоломкой: как зная цвет элемента в виде 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

Тест видео

2011-09-05 19:01:09

Добрый вечер!

После тестирования браузера на воспроизведение музыки, ...
+ развернуть текст сохранённая копия

Тэги: html5, видео

Страницы: ... 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 ...

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

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

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

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

ЖЖ все стерпит
по сумме баллов (758) в категории «Истории»

Категория «Кулинария»

Взлеты Топ 5


+174	188	Alisa_1968
+173	187	Sunny_Ray
+172	191	Диетические рецепты
+172	186	bendita_y_celestial
+171	185	irreelaa

Падения Топ 5


-1	13	В интересном положении
-1	6	Хозяюшка
-1	55	Коктейли и напитки
-2	7	ГалинаНик
-3	4	cookingclub_ru

Загрузка...