Как получить массив цветов
294
08 марта 2017, 19:50
Привет, мне нужна функция, в которую мы передаем цвет и получаем массив, этого же цвета, но допустим каждый элемент массива чуть чуть светлее.
Я слышал такая функция есть в д3 например, но не могу найти.
Answer 1
Можно легко реализовать через KolorWheel - https://github.com/ern0/kolorwheel.js
Простейший градиент, к примеру, будет выглядеть так:
var base = new KolorWheel("#eeffff");
var target = base.abs("#330066",10);
for (var n = 0; n < 10; n++) {
paintBox(target.get(n).getHex(),n);
} // for gradientДемо - http://linkbroker.hu/stuff/kolorwheel.js/
Answer 2
Есть встроенный градиент:
var width = 600;
var height = 600;
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var gradient = svg.append("defs")
.append("linearGradient")
.attr("id", "gradient")
.attr("x1", "0%")
.attr("y1", "0%")
.attr("x2", "100%")
.attr("y2", "100%")
.attr("spreadMethod", "pad");
gradient.append("stop")
.attr("offset", "0%")
.attr("stop-color", "#FFF")
.attr("stop-opacity", 1);
gradient.append("stop")
.attr("offset", "100%")
.attr("stop-color", "#00C")
.attr("stop-opacity", 1);
svg.append("rect")
.attr("width", width)
.attr("height", height)
.style("fill", "url(#gradient)");<script src="//d3js.org/d3.v3.min.js"></script>
-
17:06
-
19:12
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48159 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30588 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24102 visits
- Как через css изменить цвет png изображения? 10431 visits
- Blob video url download 10020 visits
- Php curl запрос через прокси с авторизацией 9302 visits
- Работа с captcha vk api 8163 visits
© "hostciti.net" 28.4.2025 | 22:06