Как Создать Свою Собственную Палитру Цветов В Javascript?

Я знаю, что в Интернете есть много подобных скриптов на разный вкус и цвет. Но мне захотелось написать свой с нуля и первое, что я сделал, это пошёл в Google искать алгоритм создания (палитру цветов).

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

Так как я пишу на чистом js без библиотек (не считая той, которую пишу сам :)), то в этом посте будет только хардкорный чистый javascript. Что нужно знать, чтобы написать cp (сокращенно палитра цветов):

• Основы перетаскивания
• Знать немного о Canvas (на нем будет нарисована шкала оттенков Hue)

1. CSS и HTML

   

 <div class="picker" id="primary_block" >
 
 <div id="line">
 <div id="arrows">
 <div class="left_arrow"></div>
 <div class="right_arrow"></div>
 </div>
 </div>
 
 <div id="block_picker">
 
 <img src="img/bgGradient.png" class="bk_img"><div id="circle"></div>
 </div>
 
 </div>
 

   

Теперь CSS

.

right_arrow {

Теги: #выбор цвета #выбор цвета #JavaScript

• Изучение Разработки Веб-Сайтов Wordpress

  19 Oct, 24

• Настройки Smtp Gmail Для Службы Поддержки Клиентов Iphone

  19 Oct, 24

• Об Удобстве Использования Microsoft Word 2007

  19 Oct, 24

• Умный Аналитик – Глупый Разработчик Против Глупого Аналитика – Умный Разработчик

  19 Oct, 24

• Делаем Межрегиональное Мероприятие По Популяризации Науки Своими Руками - Часть Третья

  19 Oct, 24

• Что Скрывается За Номером Кредитной Карты?

  19 Oct, 24

• Электронный Документооборот, Электронная Подпись И Системная Интеграция. Философские Выводы За Бокалом Вина

  19 Oct, 24

• Интернет-Коммуникации

  19 Oct, 24

• Рейтинг Forbes Теперь На Рамблере

  19 Oct, 24

• Отчет О Конференции Firebird 2014

  19 Oct, 24