Canvas: можно ли получить значение ColorStop из градиента?

Question

[dom1n1k]

Я уже почти уверен, что ответ на мой вопрос «нет», т.к. прилично погуглил — но на всякий случай спрошу…

// формируем градиент
var lingrad = ctx.createLinearGradient(0, 0, 0, 200);  
lingrad.addColorStop(0, '#FFFFFF');  
lingrad.addColorStop(0.5, '#8080FF');
lingrad.addColorStop(1, '#000000');

// а получить из готового? что-то наподобии такого:
var color = lingrad.getColorStop(0).color;  // #FFFFFF
var position = lingrad.getColorStop(0).position;  // 0

Я очень удивлен, что в Canvas API нет такой функции.

Ладно, ещё нет возможности достать цвет отбратно из ctx.fillStyle, но если он пока ещё в промежуточной переменной — почему бы не позволить чтение?

Уж не говоря об изменении выборочного цвета.

Answer 1

[ag666]

Насколько я знаю API Canvas довольно таки «низкоуровневое» — если хочется удобства — надо самостоятельно «обертывать» методы. Писать библиотечку, так сказать.

Comments

[dom1n1k]

Ну тут вопрос не в низко/высокоуровневости, а в полном отсутствии логичного функционала.
Доступ к отдельным пикселям на канвасе ведь есть? Да, не очень удобный, не очень быстрый — но есть. А обертками уже можно добавить удобства, гибкости, оптимизаций и т.д.
А цвета из градиента получить нельзя вообще никак, если только сам предварительно их где-то не сохранил — отдельно от канваса вообще.
Я нахожу это странным и нелогичным.

[ag666]

Вопрос именно в низкоуровневости. Рисовательные методы предназначены только для рисования. С точки зрения АПИ нам не надо доставать цвета из градиента, потому что мы их итак знаем, ведь это же мы задавали свойство ctx.fillStyle, так ведь? Ведь это мы добавляли цвета через addColorStop, так ведь? Нам не нужен никакой АПИ для получения этой информации.

Если вам зачем-то это нужно — надо писать обертку, то самое: «сам предварительно их где-то не сохранил» — напримр накатать классик для линейного градиента, который будет в себе все хранить и по вызову метода либо возвращать объект градиента (context.createLinearGradient()), либо вообще его самостоятельно отрисовывать. В зависимости от предпочтений.

Если вас интересует конкретный цвет в произвольном месте градиента: вы можете его найти математически, у вас есть вся информация для этого. Или через пиксель.

Answer 2

[Павло Пономаренко]

Извините, а какая цель?

Comments

[dom1n1k]

Очевидно же: модификация существующего градиента.

[Павло Пономаренко]

Не, это инструмент, а я спрашиваю про задачу. Всё-равно что:

— Как работать молотком?
— А какая задача?
— Работать молотком

Уж не говоря об изменении выборочного цвета.

Почему бы не создать новый градиент? Если это попытка оптимизации, то безсмысленная.

Зачем вам доставать цвет из градиента? Почему бы не достать его из того места, в котором этот цвет устанавливается в градиент?

[dom1n1k]

Цель именно такая, как я написал выше: корректировка существующего градиента, в широком смысле этого слова. Цветокоррекция, если угодно.
Не достать из того места — потому как хочется не привязываться ни к каким фреймворкам и сделать максимально независимую библиотечную функцию, которую потом можно будет подключить куда угодно.

[ag666]

Дык ведь градиент после того как он отрисован на канвасе — не существует как градиент, только как пиксели. Нет никакого практического смысла менять параметры градиента хранящегося в переменной, можно же просто пересоздать градиент в этой же переменной и отрисовать его еще раз в том же месте. Это же тоже самое, что и корректировка.

Для того чтобы это было проще делать — можно создание градиента обернуть в юзер-класс, т.е. если надо будет поменять всего один цвет из трех — можно будет поменять только его и получить нужный объект для отрисовки — отрисовать его — вот и вся корректировка. Хранить в классе все что нужно, чтобы было проще доставать (для чего-бы там ни было).

[dom1n1k]

Все это понятно. Только речь была не о том.
Был конкретный вопрос, можно ли получить значения без классов-оберток, из промежуточного объекта. Мне такая возможность кажется очень логичной, ибо зачем дублировать данные еще в какой-то обертке, если они УЖЕ есть в этом самом объекте (а не вовсе не в пикселях канваса)?
Я в общем-то уже знал, что нельзя — но оставалась малая надежда, что может я не знаю какого-то хака?
Все остальное уже лирика. Вопрос можно считать закрытым.

[Алексей Акулович]

Вот вы взяли адрес какого-нибудь сайта и сохранили с него любую страницу в файл index.html.
Как, имея только один этот файл, гарантированно корректно сказать, с какого URI было скачано?

Тут тоже самое — у вас есть результат действия, но не параметры выполнения.

[dom1n1k]

Пример совершенно не в кассу, уж извините.