как залить текстуру в html5 (и все же можно будет менять цвет?)

Question

Я создаю приложение для рисования на холсте html5.

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

Какие решения доступны?

Answer 1

Прочтите о моем ответе на «тонирование» изображения здесь: Как использовать градиентную карту для тонирования холста HTML5 с изображением на холсте.

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

Так что это как минимум один вариант.

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