Чистый Javascript полный цветовой спектр ColorPicker - PullRequest
Новая
       36

Чистый Javascript полный цветовой спектр ColorPicker

0 голосов
/ 04 октября 2019

Я провел много исследований, чтобы найти палитру цветов javascript с полным цветовым спектром, как показано на рисунке ниже, где пользователям не нужно ничего настраивать, например, яркость, оттенок или насыщенность, просто перетащите нужный цвет.

Ближайшим результатом был Помощник по форме начальной загрузки - ColorPicker , но он шел в комплекте с jQuery и Bootstrap, а не с чистым решением javascript.

Full color spectrum

Пожалуйста, проверьте эту ссылку Помощники по формам начальной загрузки - Colorpicker , чтобы получить тип искомого colorPicker.

Любая помощь будет оценена.

1 Ответ

0 голосов
/ 04 октября 2019

По умолчанию в большинстве современных браузеров вы можете использовать <input type="color">;Затем вы можете использовать ванильный javascript для прослушивания изменений и захвата цвета.

html 

<body>
 <label for="colorWell">Color:</label>
 <input type="color" value="#ff0000" id="colorWell">
</body>

javascript 

function startup() {
  colorWell = document.querySelector("#colorWell");
  colorWell.value = defaultColor;
  colorWell.addEventListener("input", updateFirst, false);
  colorWell.addEventListener("change", updateAll, false);
  colorWell.select();
}
...