Холст -Изменить цвета изображения с помощью HTML5/CSS/JS?

Есть ли способ изменить цвета изображения, как во Flash/ActionScript, используя только HTML5/CSS/JavaScript?

Вот пример во Flash:http://www.kirupa.com/developer/actionscript/color.htmРЕДАКТИРОВАТЬ:Это процесс, который я хочу воспроизвести.

Я пытаюсь добиться чего-то подобного (изменяющемуся цвету, сохраняя освещение и тени):http://www.acura.com/ExteriorColor.aspx?model=TLБЕЗ загрузки и замены каждый раз нового изображения; Я хочу иметь возможность просто изменить цветовой тон (, т.е. используйте чистый метод HTML5/CSS/JS). РЕДАКТИРОВАТЬ:Это результат, которого я хочу достичь, а не процесс.

В основном я хочу изменить палитру/тон изображения, сохранив при этом другие аспекты изображения (, такие как градиент, освещение и т. д. ). Я приблизился, но недостаточно близко; Я дошел до того, что использую маску изображения и композицию, которая поверх исходного изображения (похожа на прозрачное наложение изображения). Ниже приведен пример кода (обратите внимание, что это всего лишь фрагмент кода, поэтому он может работать, а может и не работать; Я показываю только пример кода, чтобы вы поняли, что я пытаюсь сделать.):

Основная проблема с использованием этого подхода заключается в том, что изображения выглядят очень плоскими. Что-то еще отсутствует, или маска, которую я использую (, которая представляет собой сплошное белое изображение неправильной формы), является неправильным подходом.

8
задан James Nine 9 April 2012 в 16:30
поделиться