Как создать форму на веб-странице из изображения и изменить ее заливку с помощью JavaScript

Question

У меня есть PNG-изображение формы черного носка с прозрачным фоном.

Я хочу иметь возможность встроить это изображение в веб-страницу и изменить заливку формы с черного на любой допустимый веб-цветиспользуя javascript (jQuery).

Я хотел бы сделать это без флеш-памяти, возможно ли это.

Из моих исследований похоже, что я могу преобразовать изображение в HTML-таблицу, но это неэффективно.Я уверен.

Также я думаю, что здесь может помочь векторная / SVG графика, но я не уверен, как это реализовать.

Любая помощь будет принята с благодарностью.

Iя разработчик днем ​​и веб-дизайнер ночью ... все еще учусь :)

Answer 1

Я не могу придумать, как добиться этого с помощью изображения png, однако вы можете экспортировать изображения напрямую в SVG с помощью Illustrator.SVG - это просто основанная на xml разметка, такая как html, так что это позволит вам программно изменять изображение с помощью javascript.

Answer 2

Проверили ли вы Google Chrome? у них есть некоторые, которые могут быть действительно полезны для вас.